亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

JavaScript對象及作用域bind

2019-11-08 19:40:41
字體:
來源:轉載
供稿:網友

  這里分兩個版本將,ES5和ES6

一.ES5

1.JSON對象

var jsObject1 = JSON 這樣定義的jsObject1已經是實例對象了,JSON對象創建的對象自動加了this引用:
var jsObject1 = {    objectName : 'jsObject1',    objectClass : 'JSON',    testPRop1 : 'testProp1',    objectf1 : function(){    	console.log(this.objectName);    },	    objectf2 : function(){    	return this.objectClass;    },    objectf3 : function(){    	this.objectf1();    }}這里的實例對象jsObject1中有三個屬性和三個屬性方法,這里的所有屬性都已經自動加了this,所有對象內引用的時候要加this。
jsObject1.objectf1();   //'jsObject1'console.log(jsObject1.objectf2());  //'JSON'jsObject1.objectf3();   //'jsObject1'function testf1(){                     //這里testf1賦值給jsObject1的屬性,形成屬性方法    console.log(this.testProp1);}jsObject1.objectf4 = testf1;jsObject1.objectf4();  //‘testProp1’我們嘗試著輸出對象的屬性和調用對象的方法,并在后面向對象添加屬性方法testf1()。this這個東西,大體說就是,this有關的東西在哪里運行,就指向誰。

2.函數對象

/*****構造函數******* 1.構造函數,用new關鍵字生成實例對象* 2.用this引用聲明的變量,實例對象可以訪問* 3.*/function jsObject2(name){  	var object2Name = name;    //局部變量,內部函數可以訪問	this.object2Class = 'han shu';   //局部變量,但是通過實例對象可以訪問    function of1(){    	console.log(object2Name);    }    this.of2 = function(){         of1();        }}var js2 = new jsObject2('hello');   //實例化對象js2.of2();       //'hello'console.log(js2.object2Class);   //'han shu'先定義函數,然后用new的方法,生成實例對象。

3.JSON對象作用域綁定

/*****JSON對象作用域設置bind******* 1.在方法賦值等改變了方法作用的時候,需要bind綁定,這樣方法內引用的屬性才能正確賦值* 2.* 3.*/var jsObject3 = {	objectName : 'jsObject3',	onlyo3 : 'hello world o3',        o3f1 : function(){    	return this.onlyo3;    }}var jsObject4 = {	objectName : 'jsObject4',	onlyo4 : 'hello world o4',	o4f1 : function(){},	o4f2 : function(){		return this.o4f1();	}}var z = jsObject3.o3f1.bind(jsObject3);   //綁定作用域jsObject4.o4f1 = z;  console.log(jsObject4.o4f2());  //'hello world 03'我們這里將 jsObject3 的屬性方法 o3f1 賦值給了 jsObject4 的 o4f1,運行作用域發生了變化,我們要在賦值前,對這個函數進行作用域綁定,用的是 bind()方法。

4.函數對象作用域綁定

/*****函數對象作用域設置bind******* 1.在方法賦值等改變了方法作用的時候,需要bind綁定,這樣方法內引用的屬性才能正確賦值* 2.* 3.*/function jsObject5(){	this.o5 = 'object 5';	this.o5f1 = function(){        return this.o5;	}.bind(this);     //綁定作用域}function jsOjbect6(){	this.o6f1 = function(){};    this.o6f2 = function(){          return this.o6f1()    };}var testO5 = new jsObject5();var testO6 = new jsOjbect6();testO6.o6f1 = testO5.o5f1;console.log(testO6.o6f2());  //'object 5'

二.ES6

1.創建對象

class object {  constructor(name,version){  //構造函數,初始化用    this.name = name;    this.version = version;    this.test = 'hello world';  }   of1(){     console.log(this.version);  }  of2(){     this.of1();  }}let obj = new object('chad','ES6');console.log(obj.name);  //'chad'obj.of1();   //'ES6'obj.of2();   //'ES6'由于ES6的語法糖,讓我們用class關鍵字創建對象,初始化方式什么的與OC,C++有那么一絲神似了。

2.作用域綁定

class ojbect1 {   constructor(x,y){    this.x = x;    this.y = y;    this.o1f1 = this.o1f1.bind(this);   }    o1f1(){    return this.x;   }}class object2 {    constructor(){    }    o2f1(){    }    o2f2(){       return this.o2f1();    }}let testObject1 = new ojbect1('hello','world');let testObject2 = new object2();testObject2.o2f1 = testObject1.o1f1;console.log(testObject2.o2f2());  //'hello'
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
久久久噜噜噜久久久| 一本色道久久88亚洲综合88| 日韩精品999| 欧美大片va欧美在线播放| 日韩免费中文字幕| 日韩av电影手机在线观看| 精品免费在线观看| 另类少妇人与禽zozz0性伦| 91久久久久久久久久| 久久影院中文字幕| 伊人成人开心激情综合网| 亚洲视频999| 一本一本久久a久久精品牛牛影视| 亚洲色图35p| 最近日韩中文字幕中文| 国产日韩在线视频| 国产精品美女久久久久久免费| 日韩av片免费在线观看| 日韩av免费一区| 亚洲一区二区三区在线视频| 亚洲精品av在线| 国产美女扒开尿口久久久| 久久精品小视频| 久久九九免费视频| 日韩精品中文字幕久久臀| 国产精品一区二区性色av| 国产精品av免费在线观看| 欧美视频在线观看 亚洲欧| 国产精品免费在线免费| 午夜精品一区二区三区av| 97国产成人精品视频| 欧美性xxxx极品高清hd直播| 亚洲欧美成人一区二区在线电影| 日韩国产高清视频在线| 国产精品一区二区久久| 福利视频第一区| 中文字幕亚洲无线码a| 国产精品福利在线| 欧洲日韩成人av| 国产九九精品视频| 中文字幕日韩精品在线观看| 最近2019免费中文字幕视频三| 欧美有码在线观看| 亚洲www在线| 亚洲大胆人体视频| 一区二区三区动漫| 国产精品久久久久久久久久ktv| 最近2019年手机中文字幕| 欧美福利视频在线观看| 色噜噜久久综合伊人一本| 亚洲免费成人av电影| 91亚洲国产成人久久精品网站| 国产午夜精品一区二区三区| 国产亚洲精品日韩| 色偷偷偷综合中文字幕;dd| 亚洲精品久久久久久久久久久久| 国产日韩av高清| 538国产精品视频一区二区| 97免费视频在线播放| 97国产精品视频人人做人人爱| 国产精品爽爽爽爽爽爽在线观看| 亚洲免费电影一区| 欧美成年人视频网站欧美| 国产一区二区三区三区在线观看| 色综合老司机第九色激情| 亚洲精品www久久久久久广东| 国产精品成人播放| 欧美夫妻性生活xx| 日韩在线视频观看正片免费网站| 成人日韩在线电影| 久久精品国产69国产精品亚洲| 欧美国产精品va在线观看| 91精品久久久久久久久中文字幕| 国产精品视频区| 在线国产精品播放| 亚洲国产精品99久久| 92裸体在线视频网站| 成人福利视频在线观看| 国产精品久久久久久av福利软件| 欧美激情久久久| 欧美中文字幕在线观看| 北条麻妃一区二区在线观看| 成人性生交xxxxx网站| 韩曰欧美视频免费观看| 国产精品va在线播放我和闺蜜| 国产精品一区=区| 黑人巨大精品欧美一区二区三区| 欧美猛交免费看| 久久精品成人动漫| 亚洲网在线观看| 国产日韩欧美在线观看| 色婷婷综合久久久久中文字幕1| 成人美女av在线直播| 亚洲综合视频1区| 日韩成人在线电影网| 国产日韩一区在线| 欧美电影在线播放| 中文字幕亚洲欧美日韩高清| 日韩激情片免费| 国产精品美乳一区二区免费| 久久久久久久久久久免费精品| 久久久视频在线| 91精品国产高清| 亚洲综合中文字幕在线| 日韩日本欧美亚洲| 91成人福利在线| 亚洲香蕉成人av网站在线观看| 欧美高清视频在线观看| 欧美特级www| 国产精品99久久99久久久二8| 亚洲欧美另类中文字幕| 九九精品视频在线观看| 国产日韩精品视频| 国产精品成熟老女人| 国产精品视频网| 国产精品免费视频久久久| 热99精品里视频精品| 久久亚洲一区二区三区四区五区高| 性欧美xxxx视频在线观看| 国产欧美久久一区二区| 韩国日本不卡在线| yw.139尤物在线精品视频| 欧美激情精品久久久久| 午夜精品久久久久久久男人的天堂| 久久久精品日本| 亚洲精品久久久久久久久久久久| 国产精品自拍偷拍| 亚洲欧美激情精品一区二区| 97视频免费观看| 国产成人综合av| 欧美激情免费在线| 中文字幕精品网| 亚洲天堂av在线免费| 久久久最新网址| 日本国产一区二区三区| 国产伦精品一区二区三区精品视频| 奇米4444一区二区三区| 国产成人综合一区二区三区| 亚洲精品天天看| 日韩在线观看网址| 欧美成人精品在线视频| 欧美电影免费观看| 97热在线精品视频在线观看| 亚洲老头老太hd| 欧美日韩国产91| 欧美一区深夜视频| 精品偷拍各种wc美女嘘嘘| 欧美美女18p| 亚洲一区二区三区香蕉| 日韩在线视频中文字幕| 亚洲大胆美女视频| 国产乱人伦真实精品视频| 日韩av在线播放资源| 久久亚洲精品毛片| 在线成人中文字幕| 国产黑人绿帽在线第一区| 亚洲经典中文字幕| 欧美日韩在线观看视频小说| 亚洲精品国精品久久99热一| 欧美成人免费全部| 欧美极品欧美精品欧美视频| 久久久久久久久久久国产| 欧美福利视频网站| 亚洲字幕在线观看|