首页 > 代码库 > javascript高级知识分析——实例化
javascript高级知识分析——实例化
代码信息来自于http://ejohn.org/apps/learn/。
new做了什么?
function Ninja(){ this.name = "Ninja"; } var ninjaA = Ninja(); console.log( ninjaA, "undefined,ninja并不是实例化" ); var ninjaB = new Ninja(); console.log( ninjaB.name == "Ninja", "true,在实例化里存在name属性" )
对一个函数进行new操作,这就是实例化。
上述代码的流程为,创造一个临时对象,继承Ninja.prototype对象,执行函数Ninja,一开始将上下文this设置为临时对象。没有return语句,返回这个临时对象。
我们的上下文this指向实例化对象
function Ninja(){ this.swung = false; // Should return true this.swingSword = function(){ this.swung = !this.swung; return this.swung; }; } var ninja = new Ninja(); console.log( ninja.swingSword(), "调用实例对象方法" ); console.log( ninja.swung, "引用实例对象属性" ); var ninjaB = new Ninja(); console.log( !ninjaB.swung, "确定this引用的属性是实例化对象的属性,实例化对象彼此不影响." );
习题:增加一个方法,可以给ninja一个name属性
function Ninja(name){ //补足} var ninja = new Ninja("John"); console.log( ninja.name == "John", "在初始化时name属性就被设置" ); ninja.changeName("Bob"); console.log( ninja.name == "Bob", "name值成功修改" );
向实例化对象增加一个新的属性和方法
function Ninja(name){ this.changeName = function(name){ this.name = name; } this.changeName(name)} var ninja = new Ninja("John"); console.log( ninja.name == "John", "在初始化时name属性就被设置" ); ninja.changeName("Bob"); console.log( ninja.name == "Bob", "name值成功修改" );
当没有使用new时会发生什么?
function User(first, last){ this.name = first + " " + last; } var user = User("John", "Resig"); console.log( typeof user == "undefined", "因为没有new,所以User作一般函数调用,没有返回值" );
function User(first, last){ this.name = first + " " + last; } window.name = "Resig"; var user = User("John", name); console.log( name == "John Resig", "全局属性被覆盖" );
当没有new时,它其实就是一般的函数调用,遵循函数调用的本质。
确保在错误的情况下仍然使用对象实例化
function User(first, last){ if ( !(this instanceof User) ) return new User(first, last); this.name = first + " " + last; } var name = "Resig"; var user = User("John", name); console.log( user, "即使没有使用new,仍然可以正确实例化" ); console.log( name == "Resig", "实例化属性正常" );
通过判断this不是构造函数User的实例化对象,重新实例化,这是一个可以不使用new进行实例化的技巧。
习题:有没有更加基因化的方法做同样的事情?
function User(first, last){ if ( !(this instanceof ___) ) return new User(first, last); this.name = first + " " + last; } var name = "Resig"; var user = User("John", name); console.log( user, "即使没有使用new,仍然可以正确实例化" ); console.log( name == "Resig", "实例化属性正常" );
用arguments.callee实现
function User(first, last){ if ( !(this instanceof ___) ) return new User(first, last); this.name = first + " " + last; } var name = "Resig"; var user = User("John", name); console.log( user, "即使没有使用new,仍然可以正确实例化" ); console.log( name == "Resig", "实例化属性正常" );
arguments.callee引用的是函数本身。
javascript高级知识分析——实例化
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。