ike_yu的博客

【红宝书p252类构造函数和构造函数的区别】1，相同点：两者实例化都必须用new关键字2，不同点，不用new，类构造函数会报错，构造函数this默认为window，但都无法实例化对象成功 <script> function Person() { console.log(this); } // 把 window 作为 this 来构建实例 let p = Person(); console

【红宝书p251类构造函数】1，类实例对象的原型被赋值为构造函数的prototype属性<script> class Person { constructor() { console.log('person ctor'); } } let p = new Person(); // person ctor console.dir(Person)

【红宝书p250类和类实例的结构】1，查看类的结构<script> // 1,类表达式定义类 //1.1类有名字，赋值给变量 let Person = class PersonName { } console.dir(Person);</script>注意：person的name属性值为PersonName<script> // 1,类表达式定义类

【红宝书p248寄生式组合继承】实现原理：定义一个prototype变量，保存Object.create(父类.prototype)的结果，即prototype对象的原型是父类的原型。同时prototype添加constructor属性指向子类。之后再将prototype对象变成子类的原型。1，将父类原型中的方法添加进子类原型中的原型，查看结构<script> function addPrototype(subType, superType) {

【红宝书p245原型式继承】1，调用函数，返回一个原型是父类对象的空子对象，查看空子对象结构<script> function object(o) { // 注意：object只是一个普通的函数 // F()相当于子类 function F() { } F.prototype = o; return new F(); } **/

【红宝书p244组合继承】1,父类属性放构造函数里，方法放原型里，让子类继承后，查看子类结构function SuperType(name){ this.name = name; this.colors = ["red", "blue", "green"];}SuperType.prototype.sayName = function() {//以后子类实例可直接共用，不用重写的属性或方法写入父类的原型里面 console.log(this.name);};function SubTy

【红宝书p243继承之盗用父类构造函数】1，查看继承后，子类父类的结构<script> function SuperType() { this.colors = ["red", "blue", "green"]; } function SubType() { // 继承 SuperType SuperType.call(this); } co

【红宝书p238继承之原型链（继承父类实例）】1，让子类的原型是父类的实例，查看子类和父类的结构<script> function SuperType() { // 父类 this.property = true; } SuperType.prototype.getSuperValue = function () { // 父类原型中添加方法 ret

【红宝书p226构造函数与实例，实例与实例之间的关系】1，查看构造函数、实例的结构 function Person(name) { this.name = name } let person = new Person('ike'); // 1,原型和实例的结构 console.dir(Person); console.dir(person);2，构造函数原型对象和实例原型对象console.dir(Person.prototype);c

【红宝书p224函数的prototype属性】1，属性添加到构造函数中时1.1函数的prototype属性<script> function Person(name, age, job) { this.name = name; this.age = age; this.job = job; this.sayName = function () {

【红宝书p220对象解构在参数中的应用】<script> let person = { name: 'Matt', age: 27 }; function printPerson(f00, { name, age }, bar) { console.log(arguments); // 注意：arguments是系统变量，保存实参对象

【红宝书p218数字对象的解构】<script> // 对象的解构 // 数值对象解构 // 1,查看数值对象里面的属性 var num = new Number(100); console.log(num); // 2，解构数值对象里面的属性（包括原型里面的） let { constructor: c } = num; console.log(c);//f Numb

【红宝书p218字符串对象的解构】查看字符串对象的所有属性<script> // 对象的解构 // 字符串对象解构 // var str = 'foobar';//这种方式无法看到对象里面的属性和方法 var str = new String('foobar'); console.dir(str); </script>解构字符串属性<script> // 对

简写设置、获取函数1，原始写法 <script> // 原始写法 // 获取函数与设置函数 var obj = { name_: "", name: { get: function () { return this.name_; }, set: function

【红宝书p213】es6解决es5无法解决的等值判断问题1，es5及之前用===相等判定 <script> console.log(+0 === -0); // true console.log(+0 === 0); // true console.log(-0 === 0); // true </script>无法区分0的正负之分console.log(NaN === NaN); // falseconsole.

【红宝书p211】获取函数和设置函数利用获取函数和设置函数完成对象属性的值初始化方式一：计算属性<script> src = { set a(value) { a = value; }, get a() { return a; } }; // 注意：这里不管赋值先后顺序

【红宝书p207】访问器属性用法let book = { // 对象里面的属性实则可以被直接访问 year_: 2017, edition: 1 };准备以上对象，通过访问器属性间接修改对象里面属性的值es5的用法： // es5 Object.defineProperty(book, "year", { get() { return th