溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
es5的構造函數前面如果不用new調用,this指向window,對象的屬性就得不到值了，所以以前我們都要在構造函數中通過判斷this是否使用了new關鍵字來確保普通的函數調用方式都能讓對象復制到屬性
function Person( uName ){
if ( this instanceof Person ) {
this.userName = uName;
}else {
return new Person( uName );
}
}
Person.prototype.showUserName = function(){
return this.userName;
}
console.log( Person( 'ghostwu' ).showUserName() );
console.log( new Person( 'ghostwu' ).showUserName() );
在es6中，為了識別函數調用時，是否使用了new關鍵字，引入了一個新的屬性new.target:
1，如果函數使用了new，那么new.target就是構造函數
2，如果函數沒有用new，那么new.target就是undefined
3，es6的類方法中，在調用時候，使用new，new.target指向類本身，沒有使用new就是undefined
function Person( uName ){
if( new.target !== undefined ){
this.userName = uName;
}else {
throw new Error( '必須用new實例化' );
}
}
// Person( 'ghostwu' ); //報錯
console.log( new Person( 'ghostwu' ).userName ); //ghostwu
使用new之后, new.target就是Person這個構造函數，那么上例也可以用下面這種寫法:
function Person( uName ){
if ( new.target === Person ) {
this.userName = uName;
}else {
throw new Error( '必須用new實例化' );
}
}
// Person( 'ghostwu' ); //報錯
console.log( new Person( 'ghostwu' ).userName ); //ghostwu
class Person{
constructor( uName ){
if ( new.target === Person ) {
this.userName = uName;
}else {
throw new Error( '必須要用new關鍵字' );
}
}
}
// Person( 'ghostwu' ); //報錯
console.log( new Person( 'ghostwu' ).userName ); //ghostwu
上例，在使用new的時候, new.target等于Person
掌握new.target之后，接下來，我們用es5語法改寫上文中es6的類語法
let Person = ( function(){
'use strict';
const Person = function( uName ){
if ( new.target !== undefined ){
this.userName = uName;
}else {
throw new Error( '必須使用new關鍵字' );
}
}
Object.defineProperty( Person.prototype, 'sayName', {
value : function(){
if ( typeof new.target !== 'undefined' ) {
throw new Error( '類里面的方法不能使用new關鍵字' );
}
return this.userName;
},
enumerable : false,
writable : true,
configurable : true
} );
return Person;
})();
console.log( new Person( 'ghostwu' ).sayName() );
console.log( Person( 'ghostwu' ) ); //沒有使用new,報錯
以上這篇js es6系列教程 - 基于new.target屬性與es5改造es6的類語法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
