<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>Title</title>
</head>
<script>
</script>
</body>
</html>
三种循环结构总结
1.原则上,三种循环结构语句之间可以互转,只不过每一种语句的适用场景不一样
2.最常用:for循环:适合循环次数固定
3.while循环:适合循环次数不固定
4.do-while循环:适合循环次数不固定,但是循环体代码至少要执行一次
2-数组排序-冒泡算法
算法algorithm,是一种解决问题的方法
算法的目标:使用最少的内存,最短的时间,解决最多的问题
冒泡算法:
重复地走访过要排序的元素列,依次比较两个相邻的元素
顺序正确:代表位置正确,不需要交换
顺序错误:交换两个元素,让顺序正确
3.一次循环,只能得出最大的数据排到最后(最前),因此需要根据数组元素的长度来进行循环嵌套
* 一次只能让当前最大的到最后(如果原来最大的就在最后,那么就是次大的)
* 根据数组长度实现:每次都能得出一个最大,直到全部都排好序
let arr = [3,5,1,8,6,2];
for(let i = 0;i < arr.length;i++){
for(let j = 0;j < arr.length - 1;j++){
if(arr[j] > arr[j+1]){
let temp = arr[j];
arr[j] = arr[j+1];
arr[j+1] = temp;
console.log(arr);
</script>
3.面向对象编程
所谓面向对象就是指:你想做一件事情,你自己做不到,那么就去找到能够实现这个功能的对象,调用它的方法(传递参数,遵守方法的规则)
什么是对象?
Everything is object (万物皆对象)
对象到底是什么,我们可以从两次层次来理解。
(1) 对象是具体事物的抽象。
一本书、一辆汽车、一个人都可以是对象,当实物被抽象成对象,实物之间的关系就变成了对象之间的关系,从而就可以模拟现实情况,针对对象进行编程。
问: 书是对象吗
(2)对象是无序键值对的集合,其属性可以包含基本值、对象或者函数
每个对象都是基于一个引用类型创建的,这些类型可以是系统内置的原生类型,也可以是开发人员自定义的类型。
什么是面向对象?
面向对象编程 —— Object Oriented Programming,简称 OOP ,是一种编程开发思想。
在面向对象程序开发思想中,每一个对象都是功能中心,具有明确分工,可以完成接受信息、处理数据、发出信息等任务。
因此,面向对象编程具有灵活、代码可复用、高度模块化等特点,容易维护和开发,比起由一系列函数或指令组成的传统的过程式编程(procedural programming),更适合多人合作的大型软件项目。
面向对象与面向过程:
面向过程就是亲历亲为,事无巨细,有条不紊,面向过程是解决问题的一种思维方式,(执行者的角度)
关注点在于解决问题的过程(先xx,然后xx,在xx);
面向对象就是找一个对象,让她去做这件事情(指挥者的角度)
关注点在找到能解决问题的对象上。
面向对象不是面向过程的替代,而是面向过程的封装
例如洗衣服(面向过程和面向对象的区别)
面向对象的特性:
将功能的具体实现,全部封装到对象的内部,外界使用对象时,只需要关注对象提供的方法如何使用,而不需要关心对象的内部具体实现,这就是封装。
在js中,继承的概念很简单,一个对象没有的一些属性和方法,另外一个对象有,拿过来用,就实现了继承。
注意:在其他语言里面,继承是类与类之间的关系,在js中,是对象与对象之间的关系。
[多态性]
多态是在强类型的语言中才有的。js是弱类型语言,所以JS不支持多态
4.栈和堆
栈(stack)中主要存放一些基本类型的变量和对象的引用其优势是存取速度比堆要快,但缺点是存在栈中的数据大小与生存期必须是确定的,缺乏灵活性,
堆(heap 多)用于复杂数据类型(引用类型)分配空间,例如数组对象、object对象;它是运行时动态分配内存的,因此存取速度较慢。
栈和堆的图例
值类型:简单类型,变量在存储的时候,存储的是值本身。如果做为参数传递,仅仅是将栈空间中存储的内容复制一份进行赋值,修改其中一个变量另外不会变化
引用类型:复杂类型,变量在存储的时候,存储的是对象的地址,如果做为参数传递,是将栈空间中存储的引用地址复制一份进行赋值,造成实参和形参指向同一个空间,修改其中一个另外一个也会变化
5.创建对象的几种方式
内置构造函数创建
我们可以直接通过 new Object() 创建:
var person = new Object()
person.name = 'Jack'
person.age = 18
person.sayName = function () {
console.log(this.name)
缺点:麻烦,每个属性都需要添加。
对象字面量创建
var person = {
name: 'Jack',
age: 18,
sayName: function () {
console.log(this.name)
缺点:如果要批量生成多个对象,应该怎么办?代码很冗余
简单改进:工厂函数
我们可以写一个函数,解决代码重复问题:
function createPerson (name, age) {
return {
name: name,
age: age,
sayName: function () {
console.log(this.name)
然后生成实例对象:
var p1 = createPerson('Jack', 18)
var p2 = createPerson('Mike', 18)
缺点:但却没有解决对象识别的问题,创建出来的对象都是Object类型的。
继续改进:构造函数
构造函数是一个函数,用于实例化对象,需要配合new操作符使用。
function Person (name, age) {
this.name = name
this.age = age
this.sayName = function () {
console.log(this.name)
var p1 = new Person('Jack', 18)
p1.sayName()
var p2 = new Person('Mike', 23)
p2.sayName()
而要创建 Person 实例,则必须使用 new 操作符。
以这种方式调用构造函数会经历以下 4 个步骤:
创建一个新对象
将构造函数的作用域赋给新对象(因此 this 就指向了这个新对象)
执行构造函数中的代码
返回新对象
构造函数需要配合new操作符使用才有意义,构造函数首字母一般为大写
构造函数的缺点
使用构造函数带来的最大的好处就是创建对象更方便了,但是其本身也存在一个浪费内存的问题:
function Person (name, age) {
this.name = name
this.age = age
this.type = 'human'
this.say = function () {
console.log('hello ' + this.name)
var person1 = new Person('lpz', 18)
var person2 = new Person('Jack', 16)
console.log(person1.say === person2.say)
解决方案:
解决:提取同一个 say 方法
解决了浪费内存的弊端
但是造成了 污染全局变量 的问题
function say() {
console.log(this.name);
function createStudent(name, age) {
this.name = name;
this.age = age;
this.say = say
const obj = new createStudent("悟能", 83);
const obj1 = new createStudent("悟能1", 84);
console.log(obj.say === obj1.say);
6.定义函数的三种方式
函数表达式
构造函数Function
常规的方式
fn();
function fn(参数..){
console.log("这是函数声明")
return 返回值
函数表达式
const fn = function() {
console.log("这是函数表达式");
fn();
构造函数Function
所有函数都可以通过Function构造函数来创建
函数也可以看成对象
new Function([前面是参数列表,]最后一个参数是函数体)
var fn1 = new Function("a1", "a2", "alert(a1+a2)");
fn1(1,2);
**