1 定义
-
-
- 数值、字符串、布尔值这三种原型类型的值，在一听条件下也会自动转化为对象，也就是原始类型的包装对象。 -
- Number String Boolean -
- 包装对象的目的，是得对象模型覆盖js所优质，正门语言都有一个通用的数据模型，其次是得原始类型的值也有可以调动自己的方法。 -
- 原始类型的值会自动当做包装对象调用，即调用包装对象的属性和方法。JS引擎糊自动将原始类型的值转换为包装对象实例，并在使用后立即销毁。 -
- 自动转换生成的包装对象是只读的，无法修改。 +
- 函数的声明会提升到函数定义时所在的作用域的头部。故同名函数会被后来的函数替代。
- 函数的声明会提升到函数定义时所在的作用域的头部。故同名函数会被后来的函数替代。 -
- 函数体内部使用了 this 关键字，代表了所要生成的对象实例。 -
- 生成对象的时候，必须使用 new 命令 -
- 函数名首字母大写，以示区别。 +
- 每个函数都包括两个非继承而来的方法 apply call +
- 在特定的作用域中调用函数，实际上等于设置函数体内this对象的值 +
- 看出 call 和 apply 是为了动态改变 this 而出现的
区别
- 执行构造函数，返回一个对象实例。 +
- apply()
-
+
- 接受两个参数，第一个是运行函数的作用域，第二个是参数数组，参数数组可以用arrar实例，也可以是arguments对象。
1.2.1 new 原理
+1
2
3
4graph TB
A[1.创建一个空对象作为将要返回的对象实例]--> B[2.将这个空对象的原型指向构造函数的prototype属性]
B-->C[3.将空对象赋值给函数内部的this关键字]
C-->D[4.开始执行构造函数内部的代码]
+ - call()
-
+
- 参数必须逐个列出来 +
+ - 参数一一对应 +
- 对象的所有键名都是字符串，若键名不符合标识符的条件，则必须加上引号。 +
- 如果使用方运算符，键名必须放在引号里，否则会被当做变量处理。 +
- 数字键可以不加引号，会自动转成字符串。+
1
2
3
4
5
6let obj = { flag: true };
obj[flag] // undefined
obj.flag // true
obj.['flag'] // true
flag ='flag';
obj[flag] // ture
+ - 对象的所有键名都是字符串，若键名不符合标识符的条件，则必须加上引号。 -
- 如果使用方运算符，键名必须放在引号里，否则会被当做变量处理。 -
- 数字键可以不加引号，会自动转成字符串。-
1
2
3
4
5
6let obj = { flag: true };
obj[flag] // undefined
obj.flag // true
obj.['flag'] // true
flag ='flag';
obj[flag] // ture
+ - 函数体内部使用了 this 关键字，代表了所要生成的对象实例。 +
- 生成对象的时候，必须使用 new 命令 +
- 函数名首字母大写，以示区别。 +
- 执行构造函数，返回一个对象实例。
- 每个函数都包括两个非继承而来的方法 apply call -
- 在特定的作用域中调用函数，实际上等于设置函数体内this对象的值 -
- 看出 call 和 apply 是为了动态改变 this 而出现的
区别
- - apply()
-
-
- 接受两个参数，第一个是运行函数的作用域，第二个是参数数组，参数数组可以用arrar实例，也可以是arguments对象。 -
- - call()
-
-
- 参数必须逐个列出来 -
- - 参数一一对应 -
- 数值、字符串、布尔值这三种原型类型的值，在一听条件下也会自动转化为对象，也就是原始类型的包装对象。 +
- Number String Boolean +
- 包装对象的目的，是得对象模型覆盖js所优质，正门语言都有一个通用的数据模型，其次是得原始类型的值也有可以调动自己的方法。 +
- 原始类型的值会自动当做包装对象调用，即调用包装对象的属性和方法。JS引擎糊自动将原始类型的值转换为包装对象实例，并在使用后立即销毁。 +
- 自动转换生成的包装对象是只读的，无法修改。 +
- 主页 -
- 项目 +
- 项目 @@ -123,7 +123,7 @@
- 主页 -
- 项目 +
- 项目 diff --git a/showcase/showcase.html b/showcase/showcase.html deleted file mode 100644 index 6a80042..0000000 --- a/showcase/showcase.html +++ /dev/null @@ -1,382 +0,0 @@ - - - - - - - - -
1 概述
1.1 重复声明
-
+
1 | var str = 'abc'; |
1 | function f(){ |
1
@@ -426,19 +422,19 @@1
-
+
- ECMA5 函数
+ ECMA5 标准库
-
+
@@ -446,12 +442,10 @@
- 1 概述
1.1 重复声明
-
-1
2
3
4
5
6
7
8
function f(){
console.log('one');
}
f(); //two
function f(){
console.log('two');
}
f(); //two
+ 1 判断某个变量是否为函数
1
2
3
function isObject(value){
return value === Object(value);
}
+2 对象的键名
- more >>
+ more >>
@@ -486,7 +480,7 @@ 1
@@ -608,19 +602,19 @@
+
- ECMA5 面向对象编程
+ ECMA5 CALL APPLY 模拟
-
+
@@ -628,17 +622,27 @@
- 1 实例对象与new 命令
1.1 构造函数
-概念
+
-1.2 new 命令
-
+
+call 模拟
+
+1
2
3
4
5
6
7
8
Function.prototype.myCall = function(_context){
let context = _context || window;// null -> window
context.fn = this;
let args = [].slice.call(arguments,1,arguments.length);
let result = !args ?context.fn():context.fn(...args);
delete context.fn;
return result;
}
- more >>
+ more >>
@@ -673,7 +677,7 @@
- 展开全文 >>
+ 展开全文 >>
@@ -703,19 +707,19 @@
+
- ECMA5 标准库
+ ECMA5 对象
-
+
@@ -723,10 +727,14 @@
- 1 判断某个变量是否为函数
1
2
3
function isObject(value){
return value === Object(value);
}
-2 对象的键名
+ 1 键名
+
- more >>
+ more >>
@@ -761,7 +769,7 @@
- 展开全文 >>
+ 展开全文 >>
@@ -791,19 +799,19 @@
+
- ECMA5 对象
+ ECMA5 面向对象编程
-
+
@@ -811,14 +819,17 @@
- 1 键名
-1 实例对象与new 命令
1.1 构造函数
+
+1.2 new 命令
+
+1.2.1 new 原理
1
2
3
4
graph TB
A[1.创建一个空对象作为将要返回的对象实例]--> B[2.将这个空对象的原型指向构造函数的prototype属性]
B-->C[3.将空对象赋值给函数内部的this关键字]
C-->D[4.开始执行构造函数内部的代码]
- more >>
+ more >>
@@ -853,7 +864,7 @@ 1
@@ -883,19 +894,19 @@ 1
-
+
- ECMA5 CALL APPLY 模拟
+ ECMA6 类
-
+
@@ -903,27 +914,9 @@
- 概念
-
-
-
-call 模拟
-
-1
2
3
4
5
6
7
8
Function.prototype.myCall = function(_context){
let context = _context || window;// null -> window
context.fn = this;
let args = [].slice.call(arguments,1,arguments.length);
let result = !args ?context.fn():context.fn(...args);
delete context.fn;
return result;
}
+ Classes
1 Class-Like structures in ecma5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
// property
function PersonType(name){
this.name = name;
}
// methods: be assigned to the prototype
// all instances of the object share the same function
PersonType.prototype.sayName = function(){
console.log(this.name);
}
let person = new PersonType('chochi');
person.sayName();
// person is a instance of obeject and PersonType
- more >>
+ more >>
@@ -958,7 +951,7 @@
- 展开全文 >>
+ 展开全文 >>
@@ -988,19 +981,19 @@
+
- ECMA6 类
+ ECMA5 包装对象
-
+
@@ -1008,9 +1001,16 @@
- Classes
1 Class-Like structures in ecma5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
// property
function PersonType(name){
this.name = name;
}
// methods: be assigned to the prototype
// all instances of the object share the same function
PersonType.prototype.sayName = function(){
console.log(this.name);
}
let person = new PersonType('chochi');
person.sayName();
// person is a instance of obeject and PersonType
+ 1 定义
+
+1
2
3
4
5
6
7
8
9
10
11
var str = 'abc';
str.length; // 3
// 等同于
var strObj = new String(str);
/*
String{
0:"1",1:"b",2;"c",length:3[[PrimitiveValue]]:"abc"
}
strObj.length;//3
*/
- more >>
+ more >>
@@ -1045,7 +1045,7 @@ Class
diff --git a/page/2/index.html b/page/2/index.html
index 92c7abe..93a7a6e 100644
--- a/page/2/index.html
+++ b/page/2/index.html
@@ -55,7 +55,7 @@ chochi
chochi
chochi's workshop
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- ECMA5 函数 + ECMA5 标准库
- + @@ -446,12 +442,10 @@
- 1 概述
1.1 重复声明
-
-1
2
3
4
5
6
7
8
function f(){
console.log('one');
}
f(); //two
function f(){
console.log('two');
}
f(); //two
+ 1 判断某个变量是否为函数
1
2
3
function isObject(value){
return value === Object(value);
}
+2 对象的键名
- more >>
+ more >>
@@ -486,7 +480,7 @@ 1
@@ -608,19 +602,19 @@
+
- ECMA5 面向对象编程
+ ECMA5 CALL APPLY 模拟
-
+
@@ -628,17 +622,27 @@
- 1 实例对象与new 命令
1.1 构造函数
-概念
+
-1.2 new 命令
-
+
+call 模拟
+
+1
2
3
4
5
6
7
8
Function.prototype.myCall = function(_context){
let context = _context || window;// null -> window
context.fn = this;
let args = [].slice.call(arguments,1,arguments.length);
let result = !args ?context.fn():context.fn(...args);
delete context.fn;
return result;
}
- more >>
+ more >>
@@ -673,7 +677,7 @@
- 展开全文 >>
+ 展开全文 >>
@@ -703,19 +707,19 @@
+
- ECMA5 标准库
+ ECMA5 对象
-
+
@@ -723,10 +727,14 @@
- 1 判断某个变量是否为函数
1
2
3
function isObject(value){
return value === Object(value);
}
-2 对象的键名
+ 1 键名
+
- more >>
+ more >>
@@ -761,7 +769,7 @@
- 展开全文 >>
+ 展开全文 >>
@@ -791,19 +799,19 @@
+
- ECMA5 对象
+ ECMA5 面向对象编程
-
+
@@ -811,14 +819,17 @@
- 1 键名
-1 实例对象与new 命令
1.1 构造函数
+
+1.2 new 命令
+
+1.2.1 new 原理
1
2
3
4
graph TB
A[1.创建一个空对象作为将要返回的对象实例]--> B[2.将这个空对象的原型指向构造函数的prototype属性]
B-->C[3.将空对象赋值给函数内部的this关键字]
C-->D[4.开始执行构造函数内部的代码]
- more >>
+ more >>
@@ -853,7 +864,7 @@ 1
@@ -883,19 +894,19 @@ 1
-
+
- ECMA5 CALL APPLY 模拟
+ ECMA6 类
-
+
@@ -903,27 +914,9 @@
- 概念
-
-
-
-call 模拟
-
-1
2
3
4
5
6
7
8
Function.prototype.myCall = function(_context){
let context = _context || window;// null -> window
context.fn = this;
let args = [].slice.call(arguments,1,arguments.length);
let result = !args ?context.fn():context.fn(...args);
delete context.fn;
return result;
}
+ Classes
1 Class-Like structures in ecma5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
// property
function PersonType(name){
this.name = name;
}
// methods: be assigned to the prototype
// all instances of the object share the same function
PersonType.prototype.sayName = function(){
console.log(this.name);
}
let person = new PersonType('chochi');
person.sayName();
// person is a instance of obeject and PersonType
- more >>
+ more >>
@@ -958,7 +951,7 @@
- 展开全文 >>
+ 展开全文 >>
@@ -988,19 +981,19 @@
+
- ECMA6 类
+ ECMA5 包装对象
-
+
@@ -1008,9 +1001,16 @@
- Classes
1 Class-Like structures in ecma5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
// property
function PersonType(name){
this.name = name;
}
// methods: be assigned to the prototype
// all instances of the object share the same function
PersonType.prototype.sayName = function(){
console.log(this.name);
}
let person = new PersonType('chochi');
person.sayName();
// person is a instance of obeject and PersonType
+ 1 定义
+
+1
2
3
4
5
6
7
8
9
10
11
var str = 'abc';
str.length; // 3
// 等同于
var strObj = new String(str);
/*
String{
0:"1",1:"b",2;"c",length:3[[PrimitiveValue]]:"abc"
}
strObj.length;//3
*/
- more >>
+ more >>
@@ -1045,7 +1045,7 @@ Class
diff --git a/page/2/index.html b/page/2/index.html
index 92c7abe..93a7a6e 100644
--- a/page/2/index.html
+++ b/page/2/index.html
@@ -55,7 +55,7 @@ chochi
chochi
chochi's workshop
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
1 概述
1.1 重复声明
-
-
1 | function f(){ |
1 判断某个变量是否为函数
1 | function isObject(value){ |
2 对象的键名
- more >> + more >> @@ -486,7 +480,7 @@1
@@ -608,19 +602,19 @@
+
- ECMA5 面向对象编程
+ ECMA5 CALL APPLY 模拟
-
+
@@ -628,17 +622,27 @@
- 1 实例对象与new 命令
1.1 构造函数
-概念
+
-1.2 new 命令
-
+
+call 模拟
+
+1
2
3
4
5
6
7
8
Function.prototype.myCall = function(_context){
let context = _context || window;// null -> window
context.fn = this;
let args = [].slice.call(arguments,1,arguments.length);
let result = !args ?context.fn():context.fn(...args);
delete context.fn;
return result;
}
- more >>
+ more >>
@@ -673,7 +677,7 @@
- 展开全文 >>
+ 展开全文 >>
@@ -703,19 +707,19 @@
+
- ECMA5 标准库
+ ECMA5 对象
-
+
@@ -723,10 +727,14 @@
- 1 判断某个变量是否为函数
1
2
3
function isObject(value){
return value === Object(value);
}
-2 对象的键名
+ 1 键名
+
- more >>
+ more >>
@@ -761,7 +769,7 @@
- 展开全文 >>
+ 展开全文 >>
@@ -791,19 +799,19 @@
+
- ECMA5 对象
+ ECMA5 面向对象编程
-
+
@@ -811,14 +819,17 @@
- 1 键名
-1 实例对象与new 命令
1.1 构造函数
+
+1.2 new 命令
+
+1.2.1 new 原理
1
2
3
4
graph TB
A[1.创建一个空对象作为将要返回的对象实例]--> B[2.将这个空对象的原型指向构造函数的prototype属性]
B-->C[3.将空对象赋值给函数内部的this关键字]
C-->D[4.开始执行构造函数内部的代码]
- more >>
+ more >>
@@ -853,7 +864,7 @@ 1
@@ -883,19 +894,19 @@ 1
-
+
- ECMA5 CALL APPLY 模拟
+ ECMA6 类
-
+
@@ -903,27 +914,9 @@
- 概念
-
-
-
-call 模拟
-
-1
2
3
4
5
6
7
8
Function.prototype.myCall = function(_context){
let context = _context || window;// null -> window
context.fn = this;
let args = [].slice.call(arguments,1,arguments.length);
let result = !args ?context.fn():context.fn(...args);
delete context.fn;
return result;
}
+ Classes
1 Class-Like structures in ecma5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
// property
function PersonType(name){
this.name = name;
}
// methods: be assigned to the prototype
// all instances of the object share the same function
PersonType.prototype.sayName = function(){
console.log(this.name);
}
let person = new PersonType('chochi');
person.sayName();
// person is a instance of obeject and PersonType
- more >>
+ more >>
@@ -958,7 +951,7 @@
- 展开全文 >>
+ 展开全文 >>
@@ -988,19 +981,19 @@
+
- ECMA6 类
+ ECMA5 包装对象
-
+
@@ -1008,9 +1001,16 @@
- Classes
1 Class-Like structures in ecma5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
// property
function PersonType(name){
this.name = name;
}
// methods: be assigned to the prototype
// all instances of the object share the same function
PersonType.prototype.sayName = function(){
console.log(this.name);
}
let person = new PersonType('chochi');
person.sayName();
// person is a instance of obeject and PersonType
+ 1 定义
+
+1
2
3
4
5
6
7
8
9
10
11
var str = 'abc';
str.length; // 3
// 等同于
var strObj = new String(str);
/*
String{
0:"1",1:"b",2;"c",length:3[[PrimitiveValue]]:"abc"
}
strObj.length;//3
*/
- more >>
+ more >>
@@ -1045,7 +1045,7 @@ Class
diff --git a/page/2/index.html b/page/2/index.html
index 92c7abe..93a7a6e 100644
--- a/page/2/index.html
+++ b/page/2/index.html
@@ -55,7 +55,7 @@ chochi
chochi
chochi's workshop
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- ECMA5 面向对象编程 + ECMA5 CALL APPLY 模拟
- + @@ -628,17 +622,27 @@
- 1 实例对象与new 命令
1.1 构造函数
-概念
+
-1.2 new 命令
-
+
+call 模拟
+
+1
2
3
4
5
6
7
8
Function.prototype.myCall = function(_context){
let context = _context || window;// null -> window
context.fn = this;
let args = [].slice.call(arguments,1,arguments.length);
let result = !args ?context.fn():context.fn(...args);
delete context.fn;
return result;
}
- more >>
+ more >>
@@ -673,7 +677,7 @@
- 展开全文 >>
+ 展开全文 >>
@@ -703,19 +707,19 @@
+
- ECMA5 标准库
+ ECMA5 对象
-
+
@@ -723,10 +727,14 @@
- 1 判断某个变量是否为函数
1
2
3
function isObject(value){
return value === Object(value);
}
-2 对象的键名
+ 1 键名
+
- more >>
+ more >>
@@ -761,7 +769,7 @@
- 展开全文 >>
+ 展开全文 >>
@@ -791,19 +799,19 @@
+
- ECMA5 对象
+ ECMA5 面向对象编程
-
+
@@ -811,14 +819,17 @@
- 1 键名
-1 实例对象与new 命令
1.1 构造函数
+
+1.2 new 命令
+
+1.2.1 new 原理
1
2
3
4
graph TB
A[1.创建一个空对象作为将要返回的对象实例]--> B[2.将这个空对象的原型指向构造函数的prototype属性]
B-->C[3.将空对象赋值给函数内部的this关键字]
C-->D[4.开始执行构造函数内部的代码]
- more >>
+ more >>
@@ -853,7 +864,7 @@ 1
@@ -883,19 +894,19 @@ 1
-
+
- ECMA5 CALL APPLY 模拟
+ ECMA6 类
-
+
@@ -903,27 +914,9 @@
- 概念
-
-
-
-call 模拟
-
-1
2
3
4
5
6
7
8
Function.prototype.myCall = function(_context){
let context = _context || window;// null -> window
context.fn = this;
let args = [].slice.call(arguments,1,arguments.length);
let result = !args ?context.fn():context.fn(...args);
delete context.fn;
return result;
}
+ Classes
1 Class-Like structures in ecma5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
// property
function PersonType(name){
this.name = name;
}
// methods: be assigned to the prototype
// all instances of the object share the same function
PersonType.prototype.sayName = function(){
console.log(this.name);
}
let person = new PersonType('chochi');
person.sayName();
// person is a instance of obeject and PersonType
- more >>
+ more >>
@@ -958,7 +951,7 @@
- 展开全文 >>
+ 展开全文 >>
@@ -988,19 +981,19 @@
+
- ECMA6 类
+ ECMA5 包装对象
-
+
@@ -1008,9 +1001,16 @@
- Classes
1 Class-Like structures in ecma5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
// property
function PersonType(name){
this.name = name;
}
// methods: be assigned to the prototype
// all instances of the object share the same function
PersonType.prototype.sayName = function(){
console.log(this.name);
}
let person = new PersonType('chochi');
person.sayName();
// person is a instance of obeject and PersonType
+ 1 定义
+
+1
2
3
4
5
6
7
8
9
10
11
var str = 'abc';
str.length; // 3
// 等同于
var strObj = new String(str);
/*
String{
0:"1",1:"b",2;"c",length:3[[PrimitiveValue]]:"abc"
}
strObj.length;//3
*/
- more >>
+ more >>
@@ -1045,7 +1045,7 @@ Class
diff --git a/page/2/index.html b/page/2/index.html
index 92c7abe..93a7a6e 100644
--- a/page/2/index.html
+++ b/page/2/index.html
@@ -55,7 +55,7 @@ chochi
chochi
chochi's workshop
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
1 实例对象与new 命令
1.1 构造函数
-
-
概念
-
+
1.2 new 命令
-
-
-
+
call 模拟
-
+
1 | Function.prototype.myCall = function(_context){ |
- 展开全文 >>
+ 展开全文 >>
@@ -703,19 +707,19 @@
+
- ECMA5 标准库
+ ECMA5 对象
-
+
@@ -723,10 +727,14 @@
- 1 判断某个变量是否为函数
1
2
3
function isObject(value){
return value === Object(value);
}
-2 对象的键名
+ 1 键名
+
- more >>
+ more >>
@@ -761,7 +769,7 @@
- 展开全文 >>
+ 展开全文 >>
@@ -791,19 +799,19 @@
+
- ECMA5 对象
+ ECMA5 面向对象编程
-
+
@@ -811,14 +819,17 @@
- 1 键名
-1 实例对象与new 命令
1.1 构造函数
+
+1.2 new 命令
+
+1.2.1 new 原理
1
2
3
4
graph TB
A[1.创建一个空对象作为将要返回的对象实例]--> B[2.将这个空对象的原型指向构造函数的prototype属性]
B-->C[3.将空对象赋值给函数内部的this关键字]
C-->D[4.开始执行构造函数内部的代码]
- more >>
+ more >>
@@ -853,7 +864,7 @@ 1
@@ -883,19 +894,19 @@ 1
-
+
- ECMA5 CALL APPLY 模拟
+ ECMA6 类
-
+
@@ -903,27 +914,9 @@
- 概念
-
-
-
-call 模拟
-
-1
2
3
4
5
6
7
8
Function.prototype.myCall = function(_context){
let context = _context || window;// null -> window
context.fn = this;
let args = [].slice.call(arguments,1,arguments.length);
let result = !args ?context.fn():context.fn(...args);
delete context.fn;
return result;
}
+ Classes
1 Class-Like structures in ecma5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
// property
function PersonType(name){
this.name = name;
}
// methods: be assigned to the prototype
// all instances of the object share the same function
PersonType.prototype.sayName = function(){
console.log(this.name);
}
let person = new PersonType('chochi');
person.sayName();
// person is a instance of obeject and PersonType
- more >>
+ more >>
@@ -958,7 +951,7 @@
- 展开全文 >>
+ 展开全文 >>
@@ -988,19 +981,19 @@
+
- ECMA6 类
+ ECMA5 包装对象
-
+
@@ -1008,9 +1001,16 @@
- Classes
1 Class-Like structures in ecma5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
// property
function PersonType(name){
this.name = name;
}
// methods: be assigned to the prototype
// all instances of the object share the same function
PersonType.prototype.sayName = function(){
console.log(this.name);
}
let person = new PersonType('chochi');
person.sayName();
// person is a instance of obeject and PersonType
+ 1 定义
+
+1
2
3
4
5
6
7
8
9
10
11
var str = 'abc';
str.length; // 3
// 等同于
var strObj = new String(str);
/*
String{
0:"1",1:"b",2;"c",length:3[[PrimitiveValue]]:"abc"
}
strObj.length;//3
*/
- more >>
+ more >>
@@ -1045,7 +1045,7 @@ Class
diff --git a/page/2/index.html b/page/2/index.html
index 92c7abe..93a7a6e 100644
--- a/page/2/index.html
+++ b/page/2/index.html
@@ -55,7 +55,7 @@ chochi
chochi
chochi's workshop
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- ECMA5 标准库 + ECMA5 对象
- + @@ -723,10 +727,14 @@
- 1 判断某个变量是否为函数
1
2
3
function isObject(value){
return value === Object(value);
}
-2 对象的键名
+ 1 键名
+
- more >>
+ more >>
@@ -761,7 +769,7 @@
- 展开全文 >>
+ 展开全文 >>
@@ -791,19 +799,19 @@
+
- ECMA5 对象
+ ECMA5 面向对象编程
-
+
@@ -811,14 +819,17 @@
- 1 键名
-1 实例对象与new 命令
1.1 构造函数
+
+1.2 new 命令
+
+1.2.1 new 原理
1
2
3
4
graph TB
A[1.创建一个空对象作为将要返回的对象实例]--> B[2.将这个空对象的原型指向构造函数的prototype属性]
B-->C[3.将空对象赋值给函数内部的this关键字]
C-->D[4.开始执行构造函数内部的代码]
- more >>
+ more >>
@@ -853,7 +864,7 @@ 1
@@ -883,19 +894,19 @@ 1
-
+
- ECMA5 CALL APPLY 模拟
+ ECMA6 类
-
+
@@ -903,27 +914,9 @@
- 概念
-
-
-
-call 模拟
-
-1
2
3
4
5
6
7
8
Function.prototype.myCall = function(_context){
let context = _context || window;// null -> window
context.fn = this;
let args = [].slice.call(arguments,1,arguments.length);
let result = !args ?context.fn():context.fn(...args);
delete context.fn;
return result;
}
+ Classes
1 Class-Like structures in ecma5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
// property
function PersonType(name){
this.name = name;
}
// methods: be assigned to the prototype
// all instances of the object share the same function
PersonType.prototype.sayName = function(){
console.log(this.name);
}
let person = new PersonType('chochi');
person.sayName();
// person is a instance of obeject and PersonType
- more >>
+ more >>
@@ -958,7 +951,7 @@
- 展开全文 >>
+ 展开全文 >>
@@ -988,19 +981,19 @@
+
- ECMA6 类
+ ECMA5 包装对象
-
+
@@ -1008,9 +1001,16 @@
- Classes
1 Class-Like structures in ecma5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
// property
function PersonType(name){
this.name = name;
}
// methods: be assigned to the prototype
// all instances of the object share the same function
PersonType.prototype.sayName = function(){
console.log(this.name);
}
let person = new PersonType('chochi');
person.sayName();
// person is a instance of obeject and PersonType
+ 1 定义
+
+1
2
3
4
5
6
7
8
9
10
11
var str = 'abc';
str.length; // 3
// 等同于
var strObj = new String(str);
/*
String{
0:"1",1:"b",2;"c",length:3[[PrimitiveValue]]:"abc"
}
strObj.length;//3
*/
- more >>
+ more >>
@@ -1045,7 +1045,7 @@ Class
diff --git a/page/2/index.html b/page/2/index.html
index 92c7abe..93a7a6e 100644
--- a/page/2/index.html
+++ b/page/2/index.html
@@ -55,7 +55,7 @@ chochi
chochi
chochi's workshop
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
1 判断某个变量是否为函数
1 | function isObject(value){ |
2 对象的键名
+1 键名
-
+
- 展开全文 >>
+ 展开全文 >>
@@ -791,19 +799,19 @@
+
- ECMA5 对象
+ ECMA5 面向对象编程
-
+
@@ -811,14 +819,17 @@
- 1 键名
-1 实例对象与new 命令
1.1 构造函数
+
+1.2 new 命令
+
+1.2.1 new 原理
1
2
3
4
graph TB
A[1.创建一个空对象作为将要返回的对象实例]--> B[2.将这个空对象的原型指向构造函数的prototype属性]
B-->C[3.将空对象赋值给函数内部的this关键字]
C-->D[4.开始执行构造函数内部的代码]
- more >>
+ more >>
@@ -853,7 +864,7 @@ 1
@@ -883,19 +894,19 @@ 1
-
+
- ECMA5 CALL APPLY 模拟
+ ECMA6 类
-
+
@@ -903,27 +914,9 @@
- 概念
-
-
-
-call 模拟
-
-1
2
3
4
5
6
7
8
Function.prototype.myCall = function(_context){
let context = _context || window;// null -> window
context.fn = this;
let args = [].slice.call(arguments,1,arguments.length);
let result = !args ?context.fn():context.fn(...args);
delete context.fn;
return result;
}
+ Classes
1 Class-Like structures in ecma5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
// property
function PersonType(name){
this.name = name;
}
// methods: be assigned to the prototype
// all instances of the object share the same function
PersonType.prototype.sayName = function(){
console.log(this.name);
}
let person = new PersonType('chochi');
person.sayName();
// person is a instance of obeject and PersonType
- more >>
+ more >>
@@ -958,7 +951,7 @@
- 展开全文 >>
+ 展开全文 >>
@@ -988,19 +981,19 @@
+
- ECMA6 类
+ ECMA5 包装对象
-
+
@@ -1008,9 +1001,16 @@
- Classes
1 Class-Like structures in ecma5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
// property
function PersonType(name){
this.name = name;
}
// methods: be assigned to the prototype
// all instances of the object share the same function
PersonType.prototype.sayName = function(){
console.log(this.name);
}
let person = new PersonType('chochi');
person.sayName();
// person is a instance of obeject and PersonType
+ 1 定义
+
+1
2
3
4
5
6
7
8
9
10
11
var str = 'abc';
str.length; // 3
// 等同于
var strObj = new String(str);
/*
String{
0:"1",1:"b",2;"c",length:3[[PrimitiveValue]]:"abc"
}
strObj.length;//3
*/
- more >>
+ more >>
@@ -1045,7 +1045,7 @@ Class
diff --git a/page/2/index.html b/page/2/index.html
index 92c7abe..93a7a6e 100644
--- a/page/2/index.html
+++ b/page/2/index.html
@@ -55,7 +55,7 @@ chochi
chochi
chochi's workshop
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- ECMA5 对象 + ECMA5 面向对象编程
- + @@ -811,14 +819,17 @@
- 1 键名
-1 实例对象与new 命令
1.1 构造函数
+
+1.2 new 命令
+
+1.2.1 new 原理
1
2
3
4
graph TB
A[1.创建一个空对象作为将要返回的对象实例]--> B[2.将这个空对象的原型指向构造函数的prototype属性]
B-->C[3.将空对象赋值给函数内部的this关键字]
C-->D[4.开始执行构造函数内部的代码]
- more >>
+ more >>
@@ -853,7 +864,7 @@ 1
@@ -883,19 +894,19 @@ 1
-
+
- ECMA5 CALL APPLY 模拟
+ ECMA6 类
-
+
@@ -903,27 +914,9 @@
- 概念
-
-
-
-call 模拟
-
-1
2
3
4
5
6
7
8
Function.prototype.myCall = function(_context){
let context = _context || window;// null -> window
context.fn = this;
let args = [].slice.call(arguments,1,arguments.length);
let result = !args ?context.fn():context.fn(...args);
delete context.fn;
return result;
}
+ Classes
1 Class-Like structures in ecma5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
// property
function PersonType(name){
this.name = name;
}
// methods: be assigned to the prototype
// all instances of the object share the same function
PersonType.prototype.sayName = function(){
console.log(this.name);
}
let person = new PersonType('chochi');
person.sayName();
// person is a instance of obeject and PersonType
- more >>
+ more >>
@@ -958,7 +951,7 @@
- 展开全文 >>
+ 展开全文 >>
@@ -988,19 +981,19 @@
+
- ECMA6 类
+ ECMA5 包装对象
-
+
@@ -1008,9 +1001,16 @@
- Classes
1 Class-Like structures in ecma5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
// property
function PersonType(name){
this.name = name;
}
// methods: be assigned to the prototype
// all instances of the object share the same function
PersonType.prototype.sayName = function(){
console.log(this.name);
}
let person = new PersonType('chochi');
person.sayName();
// person is a instance of obeject and PersonType
+ 1 定义
+
+1
2
3
4
5
6
7
8
9
10
11
var str = 'abc';
str.length; // 3
// 等同于
var strObj = new String(str);
/*
String{
0:"1",1:"b",2;"c",length:3[[PrimitiveValue]]:"abc"
}
strObj.length;//3
*/
- more >>
+ more >>
@@ -1045,7 +1045,7 @@ Class
diff --git a/page/2/index.html b/page/2/index.html
index 92c7abe..93a7a6e 100644
--- a/page/2/index.html
+++ b/page/2/index.html
@@ -55,7 +55,7 @@ chochi
chochi
chochi's workshop
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
1 键名
-
-
1 实例对象与new 命令
1.1 构造函数
-
+
1.2 new 命令
-
+
1.2.1 new 原理
1 | graph TB |
1
@@ -883,19 +894,19 @@1
-
+
- ECMA5 CALL APPLY 模拟
+ ECMA6 类
-
+
@@ -903,27 +914,9 @@
- 概念
-
-
-
-call 模拟
-
-1
2
3
4
5
6
7
8
Function.prototype.myCall = function(_context){
let context = _context || window;// null -> window
context.fn = this;
let args = [].slice.call(arguments,1,arguments.length);
let result = !args ?context.fn():context.fn(...args);
delete context.fn;
return result;
}
+ Classes
1 Class-Like structures in ecma5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
// property
function PersonType(name){
this.name = name;
}
// methods: be assigned to the prototype
// all instances of the object share the same function
PersonType.prototype.sayName = function(){
console.log(this.name);
}
let person = new PersonType('chochi');
person.sayName();
// person is a instance of obeject and PersonType
- more >>
+ more >>
@@ -958,7 +951,7 @@
- 展开全文 >>
+ 展开全文 >>
@@ -988,19 +981,19 @@
+
- ECMA6 类
+ ECMA5 包装对象
-
+
@@ -1008,9 +1001,16 @@
- Classes
1 Class-Like structures in ecma5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
// property
function PersonType(name){
this.name = name;
}
// methods: be assigned to the prototype
// all instances of the object share the same function
PersonType.prototype.sayName = function(){
console.log(this.name);
}
let person = new PersonType('chochi');
person.sayName();
// person is a instance of obeject and PersonType
+ 1 定义
+
+1
2
3
4
5
6
7
8
9
10
11
var str = 'abc';
str.length; // 3
// 等同于
var strObj = new String(str);
/*
String{
0:"1",1:"b",2;"c",length:3[[PrimitiveValue]]:"abc"
}
strObj.length;//3
*/
- more >>
+ more >>
@@ -1045,7 +1045,7 @@ Class
diff --git a/page/2/index.html b/page/2/index.html
index 92c7abe..93a7a6e 100644
--- a/page/2/index.html
+++ b/page/2/index.html
@@ -55,7 +55,7 @@ chochi
chochi
chochi's workshop
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- ECMA5 CALL APPLY 模拟 + ECMA6 类
- + @@ -903,27 +914,9 @@
- 概念
-
-
-
-call 模拟
-
-1
2
3
4
5
6
7
8
Function.prototype.myCall = function(_context){
let context = _context || window;// null -> window
context.fn = this;
let args = [].slice.call(arguments,1,arguments.length);
let result = !args ?context.fn():context.fn(...args);
delete context.fn;
return result;
}
+ Classes
1 Class-Like structures in ecma5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
// property
function PersonType(name){
this.name = name;
}
// methods: be assigned to the prototype
// all instances of the object share the same function
PersonType.prototype.sayName = function(){
console.log(this.name);
}
let person = new PersonType('chochi');
person.sayName();
// person is a instance of obeject and PersonType
- more >>
+ more >>
@@ -958,7 +951,7 @@
- 展开全文 >>
+ 展开全文 >>
@@ -988,19 +981,19 @@
+
- ECMA6 类
+ ECMA5 包装对象
-
+
@@ -1008,9 +1001,16 @@
- Classes
1 Class-Like structures in ecma5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
// property
function PersonType(name){
this.name = name;
}
// methods: be assigned to the prototype
// all instances of the object share the same function
PersonType.prototype.sayName = function(){
console.log(this.name);
}
let person = new PersonType('chochi');
person.sayName();
// person is a instance of obeject and PersonType
+ 1 定义
+
+1
2
3
4
5
6
7
8
9
10
11
var str = 'abc';
str.length; // 3
// 等同于
var strObj = new String(str);
/*
String{
0:"1",1:"b",2;"c",length:3[[PrimitiveValue]]:"abc"
}
strObj.length;//3
*/
- more >>
+ more >>
@@ -1045,7 +1045,7 @@ Class
diff --git a/page/2/index.html b/page/2/index.html
index 92c7abe..93a7a6e 100644
--- a/page/2/index.html
+++ b/page/2/index.html
@@ -55,7 +55,7 @@ chochi
chochi
chochi's workshop
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
概念
-
-
-
-
call 模拟
-
-
1 | Function.prototype.myCall = function(_context){ |
Classes
1 Class-Like structures in ecma5
1 | // property |
- 展开全文 >>
+ 展开全文 >>
@@ -988,19 +981,19 @@
+
- ECMA6 类
+ ECMA5 包装对象
-
+
@@ -1008,9 +1001,16 @@
- Classes
1 Class-Like structures in ecma5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
// property
function PersonType(name){
this.name = name;
}
// methods: be assigned to the prototype
// all instances of the object share the same function
PersonType.prototype.sayName = function(){
console.log(this.name);
}
let person = new PersonType('chochi');
person.sayName();
// person is a instance of obeject and PersonType
+ 1 定义
+
+1
2
3
4
5
6
7
8
9
10
11
var str = 'abc';
str.length; // 3
// 等同于
var strObj = new String(str);
/*
String{
0:"1",1:"b",2;"c",length:3[[PrimitiveValue]]:"abc"
}
strObj.length;//3
*/
- more >>
+ more >>
@@ -1045,7 +1045,7 @@ Class
diff --git a/page/2/index.html b/page/2/index.html
index 92c7abe..93a7a6e 100644
--- a/page/2/index.html
+++ b/page/2/index.html
@@ -55,7 +55,7 @@ chochi
chochi
chochi's workshop
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- ECMA6 类 + ECMA5 包装对象
- + @@ -1008,9 +1001,16 @@
- Classes
1 Class-Like structures in ecma5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
// property
function PersonType(name){
this.name = name;
}
// methods: be assigned to the prototype
// all instances of the object share the same function
PersonType.prototype.sayName = function(){
console.log(this.name);
}
let person = new PersonType('chochi');
person.sayName();
// person is a instance of obeject and PersonType
+ 1 定义
+
+1
2
3
4
5
6
7
8
9
10
11
var str = 'abc';
str.length; // 3
// 等同于
var strObj = new String(str);
/*
String{
0:"1",1:"b",2;"c",length:3[[PrimitiveValue]]:"abc"
}
strObj.length;//3
*/
- more >>
+ more >>
@@ -1045,7 +1045,7 @@ Class
diff --git a/page/2/index.html b/page/2/index.html
index 92c7abe..93a7a6e 100644
--- a/page/2/index.html
+++ b/page/2/index.html
@@ -55,7 +55,7 @@ chochi
chochi
chochi's workshop
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Classes
1 Class-Like structures in ecma5
1 | // property |
1 定义
-
+
1 | var str = 'abc'; |
-