javascript object oriented 面向?qū)ο缶幊坛醪?/h1>
更新時(shí)間：2007年01月10日 00:00:00 作者：
用 new Object() 來創(chuàng)建對(duì)象
在javascript里有幾種創(chuàng)建對(duì)象的方法,在不同的場合可用不同的方法.最簡單的就是用 new 操作符,例如:
復(fù)制代碼 代碼如下:<script language="javascript" type="text/javascript">
<!--
person = new Object()
person.name = "Tim Scarfe"
person.height = "6Ft"
person.run = function() {
this.state = "running"
this.speed = "4ms^-1"
}
//-->
</script>
我們?cè)谶@個(gè)例子里定義了person這個(gè)對(duì)象,然后加入了它的屬性和方法.在這個(gè)例子里,自定義的方法里有兩個(gè)屬性.
用文字記號(hào)Literal Notation創(chuàng)建對(duì)象
用文字記號(hào)也可以創(chuàng)建對(duì)象,但要javascript 1.2以上版本.它的創(chuàng)建形式是多樣的.
復(fù)制代碼 代碼如下:<script language="javascript" type="text/javascript">
<!--
// Object Literals
timObject = {
property1 : "Hello",
property2 : "MmmMMm",
property3 : ["mmm", 2, 3, 6, "kkk"],
method1 : function(){alert("Method had been called" + this.property1)}
};
timObject.method1();
alert(timObject.property3[2]) // will yield 3
var circle = { x : 0, y : 0, radius: 2 } // another example
// nesting is no problem.
var rectangle = {
upperLeft : { x : 2, y : 2 },
lowerRight : { x : 4, y : 4}
}
alert(rectangle.upperLeft.x) // will yield 2
//-->
</script>
文字記號(hào)可是是數(shù)組,也可以是任意的javascript表達(dá)式或值.
用 new 操作符或文字記號(hào)創(chuàng)建一個(gè)自定義對(duì)象都是簡單的,也是符合邏輯的.但它最大的缺點(diǎn)就是結(jié)果不可復(fù)用.也不能很容易的用不同的版本初始化創(chuàng)建對(duì)象.例如上面 的第一個(gè)例子,如果 person 的 name 不是 "Tim Scarfe",那樣我們不得不重新定義整個(gè)對(duì)象,僅僅為了適應(yīng)它的一點(diǎn)點(diǎn)改變.
對(duì)象的構(gòu)造和原型
在OOP的世界里,用先前的方法定義對(duì)象在許多場合都有限制.我們需要一種創(chuàng)建對(duì)象的方法,類型可以被多次使用而不用重新定義.對(duì)象在實(shí)例化時(shí)每次都可以按需分配不同的值.實(shí)現(xiàn)這個(gè)目標(biāo)的標(biāo)準(zhǔn)方法是用對(duì)象構(gòu)造器函數(shù).
一個(gè)對(duì)象構(gòu)造器只不過是個(gè)有規(guī)則的javascript函數(shù),它就象一個(gè)容器(定義參數(shù),調(diào)用其他函數(shù)等等).它們兩者所不同的是構(gòu)造器函數(shù)是由 new 操作符調(diào)用的.(你將在下面的例子中看到).基于函數(shù)語法形式的對(duì)象定義,我們可以使它工作得最好.
讓我們用現(xiàn)實(shí)世界中的貓來舉個(gè)例子.貓的 name 和 color 是貓的屬性.meeyow(貓叫)是它的一個(gè)方法.重要的是任何不同的貓都可能有不同的 name 和 meeyow 的叫聲.為了建立適應(yīng)這些特征的對(duì)象類,我們將使用對(duì)象構(gòu)造器.
復(fù)制代碼 代碼如下:<script language="javascript" type="text/javascript">
<!--
function cat(name) {
this.name = name;
this.talk = function() {
alert( this.name + " say meeow!" )
}
}
cat1 = new cat("felix")
cat1.talk() //alerts "felix says meeow!"
cat2 = new cat("ginger")
cat2.talk() //alerts "ginger says meeow!"
//-->
</script>
在這里,函數(shù) cat() 是一個(gè)對(duì)象構(gòu)造器,它的屬性和方法在函數(shù)體里用this來定義,用對(duì)象構(gòu)造器定義的對(duì)象用 new 來實(shí)例化.主意我們?nèi)绾畏浅Ｈ菀椎亩x多個(gè)cat 的實(shí)例.每一個(gè)都有自己的名字,這就是對(duì)象構(gòu)造器帶給我們的靈活性.
構(gòu)造器建立了對(duì)象的藍(lán)圖.并不是對(duì)象本身.
在原型里增加方法.
在上面我們看到的例子里,對(duì)象的方法是在構(gòu)造器里定義好的了.另外一種實(shí)現(xiàn)的途徑是通過原型(prototype).xxx
原型是javascript繼承的一種形式.我們可以為對(duì)象定義好后,再創(chuàng)造一個(gè)方法.原來所有對(duì)象的實(shí)例都將共享.
讓我們來擴(kuò)展最初的 cat 對(duì)象.增加一個(gè)改名的方法.用 prototype 的方式.
復(fù)制代碼 代碼如下:<script language="javascript" type="text/javascript">
<!--
cat.prototype.changeName = function(name) {
this.name = name;
}
firstCat = new cat("pursur")
firstCat.changeName("Bill")
firstCat.talk() //alerts "Bill says meeow!"
//-->
</script>
就象你所看到的.我們僅只用了 關(guān)鍵字 prototype 實(shí)現(xiàn)了在對(duì)象定義后馬上增加了changeName方法.這個(gè)方法被所有的實(shí)例共享.
用原型(prototype) 重載 javascript 對(duì)象
原型 在自定義對(duì)象和有選擇性的重載對(duì)象上都可以工作.比如 Date() 或 String 這可能是無止境的.
子類和超類
在JAVA 和C++里,有關(guān)于類層次的外在概念.每一個(gè)類能有一個(gè)角色.
In Java and C++, there is an explicit concept of the class hierarchy. i.e. Every class can have a super class from which it inherits properties and methods. Any class can be extended, or sub-classed so the resulting subclass can inherit its parent's behavior. As we have seen, javascript supports prototype inheritance instead of class based. It's possible for inheritance to happen other ways, however.
The following is an example of inheritance through functions.
下面一個(gè)例子演示了如何繼承通過function .
復(fù)制代碼 代碼如下:<script language="javascript" type="text/javascript">
<!--
// thanks to webreference
function superClass() {
this.supertest = superTest; //attach method superTest
}
function subClass() {
this.inheritFrom = superClass;
this.inheritFrom();
this.subtest = subTest; //attach method subTest
}
function superTest() {
return "superTest";
}
function subTest() {
return "subTest";
}
var newClass = new subClass();
alert(newClass.subtest()); // yields "subTest"
alert(newClass.supertest()); // yields "superTest"
//-->
</script>
基于繼承的原型是遙遠(yuǎn)的.為 javascript 應(yīng)用程序在許多場合.
(基于原型的繼承在許多javascript的應(yīng)用場合是非常有用的.)
對(duì)象作為聯(lián)合數(shù)組
正如你所知, (.)操作符能夠用來存儲(chǔ).[] 操作符用來操作數(shù)組.
<script language="javascript" type="text/javascript">
<!--
// These are the same
object.property
object["property"]
//-->
</script>
<SCRIPT LANGUAGE="javascript">
<!--
function Circle (xPoint, yPoint, radius) {
this.x = xPoint;
this.y = yPoint;
this.r = radius;
}
var aCircle = new Circle(5, 11, 99);
alert(aCircle.x);
alert(aCircle["x"]);
//-->
</SCRIPT>
How do I loop through properties in an object?
You need to use a for/in loop.
我們可以通過for in循環(huán)來遍歷對(duì)象的屬性。
<script language="javascript" type="text/javascript">
<!--
var testObj = {
prop1 : "hello",
prop2 : "hello2",
prop3 : new Array("hello",1,2)
}
for(x in testObj) alert( x + "-" + testObj[ x ] )
//-->
</script>
<SCRIPT LANGUAGE="javascript">
<!--
var Circle = { x : 0, y : 1, radius: 2 } // another example
for(p in Circle)
alert( p + "-" + Circle[ p ] )
//-->
</SCRIPT>
The important thing to notice is that in the object syntax the property is an identifier, whereas in the array syntax, it's a string. The obvious benefits of using an array syntax to access an object is because of the literal data type, you can easily concat strings and play around with them to access an object. For this to work with the standard syntax, an eval() would need to be used.
應(yīng)該值得注意的是對(duì)象的屬性只是一個(gè)標(biāo)識(shí)字符，盡管在一個(gè)數(shù)組里是一個(gè)字符串，因?yàn)槭且粋€(gè)literal的數(shù)據(jù)類型，所以有利于使用數(shù)組的方式的操作一個(gè)對(duì)象。你也可以很容易的存取一個(gè)對(duì)象在標(biāo)準(zhǔn)的語句中。這個(gè)時(shí)候eval()函數(shù)可能用得到。
<script language="javascript" type="text/javascript">
<!--
testObj = {
prop1 : "hello",
prop2 : "hello2",
prop3 : new Array("helloa",1,2)
}
for(x in testObj) alert( x + "-" + testObj[ x ] )
var prop3 = testObj["prop3"];
alert(prop3);
//alert(prop[1]);
alert(typeof(prop3));
alert(eval(prop3)[1]);
alert(typeof(eval(prop3)[1]));
//-->
</script>
網(wǎng)上的東西錯(cuò)誤的太多了，jb51.net修正后的測試下
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
您可能感興趣的文章:- js如何打印object對(duì)象
- JavaScript 判斷判斷某個(gè)對(duì)象是Object還是一個(gè)Array
- js中判斷Object、Array、Function等引用類型對(duì)象是否相等
- Javascript創(chuàng)建自定義對(duì)象 創(chuàng)建Object實(shí)例添加屬性和方法
- Nodejs學(xué)習(xí)筆記之Global Objects全局對(duì)象
- Javascript中判斷變量是數(shù)組還是對(duì)象(array還是object)
- Javascript 面向?qū)ο?對(duì)象(Object)
- js Object2String方便查看js對(duì)象內(nèi)容
- javascript 對(duì)象數(shù)組根據(jù)對(duì)象object key的值排序
- 淺析JavaScript中的對(duì)象類型Object
相關(guān)文章
-
Array.slice()與Array.splice()的返回值類型
Array.slice()與Array.splice()的返回值類型... 2006-10-10
-
JavaScript對(duì)象的property屬性詳解
這篇文章主要介紹了JavaScript對(duì)象的property屬性,詳細(xì)講解了property的各種屬性,需要的朋友可以參考下 2014-04-04
-
關(guān)于javascript中的typeof和instanceof介紹
typeof用來檢測給定變量的數(shù)據(jù)類型
instanceof用來檢測對(duì)象的類型 2012-12-12
-
Javascript實(shí)例項(xiàng)目放大鏡特效的實(shí)現(xiàn)流程
商城網(wǎng)站包括APP端中把鼠標(biāo)光標(biāo)移動(dòng)到預(yù)覽圖上就會(huì)看到這部分商品圖片放大了，這就是JavaScript實(shí)現(xiàn)的放大鏡特效，今天我們也來實(shí)現(xiàn)一波 2021-11-11
-
本文沒有詳細(xì)描述這些新特性，因?yàn)榫W(wǎng)上都已經(jīng)有很多相關(guān)的介紹了。主要針對(duì)ES6 新特性收集了相關(guān)范例代碼，他可以讓你快速了解這個(gè)新的javascript規(guī)范 2017-03-03
-
這篇文章主要介紹了js oncontextmenu事件使用詳解,需要的朋友可以參考下 2017-03-03
-
JS函數(shù)實(shí)現(xiàn)動(dòng)態(tài)添加CSS樣式表文件
有時(shí)會(huì)使用一些改變心情方面的想法，比如JS函數(shù)實(shí)現(xiàn)動(dòng)態(tài)添加CSS樣式表文件，這樣就可以做到隨機(jī)加載心情文件，需要的朋友可以了解下 2012-12-12
-
深入理解JavaScript系列（30）：設(shè)計(jì)模式之外觀模式詳解
這篇文章主要介紹了深入理解JavaScript系列（30）：設(shè)計(jì)模式之外觀模式詳解,外觀模式（Facade）為子系統(tǒng)中的一組接口提供了一個(gè)一致的界面,此模塊定義了一個(gè)高層接口,這個(gè)接口值得這一子系統(tǒng)更加容易使用,需要的朋友可以參考下 2015-03-03
-
ECMAScript6的新特性箭頭函數(shù)（Arrow Function）詳細(xì)介紹
這篇文章主要介紹了ECMAScript6的新特性箭頭函數(shù)（Arrow Function）詳細(xì)介紹,ECMAScript6其實(shí)就是JavaScript,它的新特性就是JS的新特性,引入只是時(shí)間問題,需要的朋友可以參考下 2014-06-06
-
網(wǎng)頁編輯器ckeditor和ckfinder配置步驟分享
ckeditor+ckfinder配置用法，現(xiàn)在ckeditor是互聯(lián)網(wǎng)上應(yīng)用比較廣泛的網(wǎng)頁編輯器了，這里介紹下配置方法，需要的朋友可以參考下 2012-05-05
最新評(píng)論
在javascript里有幾種創(chuàng)建對(duì)象的方法,在不同的場合可用不同的方法.最簡單的就是用 new 操作符,例如:
復(fù)制代碼 代碼如下:
<script language="javascript" type="text/javascript">
<!--
person = new Object()
person.name = "Tim Scarfe"
person.height = "6Ft"
person.run = function() {
this.state = "running"
this.speed = "4ms^-1"
}
//-->
</script>
<!--
person = new Object()
person.name = "Tim Scarfe"
person.height = "6Ft"
person.run = function() {
this.state = "running"
this.speed = "4ms^-1"
}
//-->
</script>
我們?cè)谶@個(gè)例子里定義了person這個(gè)對(duì)象,然后加入了它的屬性和方法.在這個(gè)例子里,自定義的方法里有兩個(gè)屬性.
用文字記號(hào)Literal Notation創(chuàng)建對(duì)象
用文字記號(hào)也可以創(chuàng)建對(duì)象,但要javascript 1.2以上版本.它的創(chuàng)建形式是多樣的.
復(fù)制代碼 代碼如下:
<script language="javascript" type="text/javascript">
<!--
// Object Literals
timObject = {
property1 : "Hello",
property2 : "MmmMMm",
property3 : ["mmm", 2, 3, 6, "kkk"],
method1 : function(){alert("Method had been called" + this.property1)}
};
timObject.method1();
alert(timObject.property3[2]) // will yield 3
var circle = { x : 0, y : 0, radius: 2 } // another example
// nesting is no problem.
var rectangle = {
upperLeft : { x : 2, y : 2 },
lowerRight : { x : 4, y : 4}
}
alert(rectangle.upperLeft.x) // will yield 2
//-->
</script>
<!--
// Object Literals
timObject = {
property1 : "Hello",
property2 : "MmmMMm",
property3 : ["mmm", 2, 3, 6, "kkk"],
method1 : function(){alert("Method had been called" + this.property1)}
};
timObject.method1();
alert(timObject.property3[2]) // will yield 3
var circle = { x : 0, y : 0, radius: 2 } // another example
// nesting is no problem.
var rectangle = {
upperLeft : { x : 2, y : 2 },
lowerRight : { x : 4, y : 4}
}
alert(rectangle.upperLeft.x) // will yield 2
//-->
</script>
文字記號(hào)可是是數(shù)組,也可以是任意的javascript表達(dá)式或值.
用 new 操作符或文字記號(hào)創(chuàng)建一個(gè)自定義對(duì)象都是簡單的,也是符合邏輯的.但它最大的缺點(diǎn)就是結(jié)果不可復(fù)用.也不能很容易的用不同的版本初始化創(chuàng)建對(duì)象.例如上面 的第一個(gè)例子,如果 person 的 name 不是 "Tim Scarfe",那樣我們不得不重新定義整個(gè)對(duì)象,僅僅為了適應(yīng)它的一點(diǎn)點(diǎn)改變.
對(duì)象的構(gòu)造和原型
在OOP的世界里,用先前的方法定義對(duì)象在許多場合都有限制.我們需要一種創(chuàng)建對(duì)象的方法,類型可以被多次使用而不用重新定義.對(duì)象在實(shí)例化時(shí)每次都可以按需分配不同的值.實(shí)現(xiàn)這個(gè)目標(biāo)的標(biāo)準(zhǔn)方法是用對(duì)象構(gòu)造器函數(shù).
一個(gè)對(duì)象構(gòu)造器只不過是個(gè)有規(guī)則的javascript函數(shù),它就象一個(gè)容器(定義參數(shù),調(diào)用其他函數(shù)等等).它們兩者所不同的是構(gòu)造器函數(shù)是由 new 操作符調(diào)用的.(你將在下面的例子中看到).基于函數(shù)語法形式的對(duì)象定義,我們可以使它工作得最好.
讓我們用現(xiàn)實(shí)世界中的貓來舉個(gè)例子.貓的 name 和 color 是貓的屬性.meeyow(貓叫)是它的一個(gè)方法.重要的是任何不同的貓都可能有不同的 name 和 meeyow 的叫聲.為了建立適應(yīng)這些特征的對(duì)象類,我們將使用對(duì)象構(gòu)造器.
復(fù)制代碼 代碼如下:
<script language="javascript" type="text/javascript">
<!--
function cat(name) {
this.name = name;
this.talk = function() {
alert( this.name + " say meeow!" )
}
}
cat1 = new cat("felix")
cat1.talk() //alerts "felix says meeow!"
cat2 = new cat("ginger")
cat2.talk() //alerts "ginger says meeow!"
//-->
</script>
<!--
function cat(name) {
this.name = name;
this.talk = function() {
alert( this.name + " say meeow!" )
}
}
cat1 = new cat("felix")
cat1.talk() //alerts "felix says meeow!"
cat2 = new cat("ginger")
cat2.talk() //alerts "ginger says meeow!"
//-->
</script>
在這里,函數(shù) cat() 是一個(gè)對(duì)象構(gòu)造器,它的屬性和方法在函數(shù)體里用this來定義,用對(duì)象構(gòu)造器定義的對(duì)象用 new 來實(shí)例化.主意我們?nèi)绾畏浅Ｈ菀椎亩x多個(gè)cat 的實(shí)例.每一個(gè)都有自己的名字,這就是對(duì)象構(gòu)造器帶給我們的靈活性.
構(gòu)造器建立了對(duì)象的藍(lán)圖.并不是對(duì)象本身.
在原型里增加方法.
在上面我們看到的例子里,對(duì)象的方法是在構(gòu)造器里定義好的了.另外一種實(shí)現(xiàn)的途徑是通過原型(prototype).xxx
原型是javascript繼承的一種形式.我們可以為對(duì)象定義好后,再創(chuàng)造一個(gè)方法.原來所有對(duì)象的實(shí)例都將共享.
讓我們來擴(kuò)展最初的 cat 對(duì)象.增加一個(gè)改名的方法.用 prototype 的方式.
復(fù)制代碼 代碼如下:
<script language="javascript" type="text/javascript">
<!--
cat.prototype.changeName = function(name) {
this.name = name;
}
firstCat = new cat("pursur")
firstCat.changeName("Bill")
firstCat.talk() //alerts "Bill says meeow!"
//-->
</script>
<!--
cat.prototype.changeName = function(name) {
this.name = name;
}
firstCat = new cat("pursur")
firstCat.changeName("Bill")
firstCat.talk() //alerts "Bill says meeow!"
//-->
</script>
就象你所看到的.我們僅只用了 關(guān)鍵字 prototype 實(shí)現(xiàn)了在對(duì)象定義后馬上增加了changeName方法.這個(gè)方法被所有的實(shí)例共享.
用原型(prototype) 重載 javascript 對(duì)象
原型 在自定義對(duì)象和有選擇性的重載對(duì)象上都可以工作.比如 Date() 或 String 這可能是無止境的.
子類和超類
在JAVA 和C++里,有關(guān)于類層次的外在概念.每一個(gè)類能有一個(gè)角色.
In Java and C++, there is an explicit concept of the class hierarchy. i.e. Every class can have a super class from which it inherits properties and methods. Any class can be extended, or sub-classed so the resulting subclass can inherit its parent's behavior. As we have seen, javascript supports prototype inheritance instead of class based. It's possible for inheritance to happen other ways, however.
The following is an example of inheritance through functions.
下面一個(gè)例子演示了如何繼承通過function .
復(fù)制代碼 代碼如下:
<script language="javascript" type="text/javascript">
<!--
// thanks to webreference
function superClass() {
this.supertest = superTest; //attach method superTest
}
function subClass() {
this.inheritFrom = superClass;
this.inheritFrom();
this.subtest = subTest; //attach method subTest
}
function superTest() {
return "superTest";
}
function subTest() {
return "subTest";
}
var newClass = new subClass();
alert(newClass.subtest()); // yields "subTest"
alert(newClass.supertest()); // yields "superTest"
//-->
</script>
<!--
// thanks to webreference
function superClass() {
this.supertest = superTest; //attach method superTest
}
function subClass() {
this.inheritFrom = superClass;
this.inheritFrom();
this.subtest = subTest; //attach method subTest
}
function superTest() {
return "superTest";
}
function subTest() {
return "subTest";
}
var newClass = new subClass();
alert(newClass.subtest()); // yields "subTest"
alert(newClass.supertest()); // yields "superTest"
//-->
</script>
基于繼承的原型是遙遠(yuǎn)的.為 javascript 應(yīng)用程序在許多場合.
(基于原型的繼承在許多javascript的應(yīng)用場合是非常有用的.)
對(duì)象作為聯(lián)合數(shù)組
正如你所知, (.)操作符能夠用來存儲(chǔ).[] 操作符用來操作數(shù)組.
<script language="javascript" type="text/javascript">
<!--
// These are the same
object.property
object["property"]
//-->
</script>
<SCRIPT LANGUAGE="javascript">
<!--
function Circle (xPoint, yPoint, radius) {
this.x = xPoint;
this.y = yPoint;
this.r = radius;
}
var aCircle = new Circle(5, 11, 99);
alert(aCircle.x);
alert(aCircle["x"]);
//-->
</SCRIPT>
How do I loop through properties in an object?
You need to use a for/in loop.
我們可以通過for in循環(huán)來遍歷對(duì)象的屬性。
<script language="javascript" type="text/javascript">
<!--
var testObj = {
prop1 : "hello",
prop2 : "hello2",
prop3 : new Array("hello",1,2)
}
for(x in testObj) alert( x + "-" + testObj[ x ] )
//-->
</script>
<SCRIPT LANGUAGE="javascript">
<!--
var Circle = { x : 0, y : 1, radius: 2 } // another example
for(p in Circle)
alert( p + "-" + Circle[ p ] )
//-->
</SCRIPT>
The important thing to notice is that in the object syntax the property is an identifier, whereas in the array syntax, it's a string. The obvious benefits of using an array syntax to access an object is because of the literal data type, you can easily concat strings and play around with them to access an object. For this to work with the standard syntax, an eval() would need to be used.
應(yīng)該值得注意的是對(duì)象的屬性只是一個(gè)標(biāo)識(shí)字符，盡管在一個(gè)數(shù)組里是一個(gè)字符串，因?yàn)槭且粋€(gè)literal的數(shù)據(jù)類型，所以有利于使用數(shù)組的方式的操作一個(gè)對(duì)象。你也可以很容易的存取一個(gè)對(duì)象在標(biāo)準(zhǔn)的語句中。這個(gè)時(shí)候eval()函數(shù)可能用得到。
<script language="javascript" type="text/javascript">
<!--
testObj = {
prop1 : "hello",
prop2 : "hello2",
prop3 : new Array("helloa",1,2)
}
for(x in testObj) alert( x + "-" + testObj[ x ] )
var prop3 = testObj["prop3"];
alert(prop3);
//alert(prop[1]);
alert(typeof(prop3));
alert(eval(prop3)[1]);
alert(typeof(eval(prop3)[1]));
//-->
</script>
網(wǎng)上的東西錯(cuò)誤的太多了，jb51.net修正后的測試下
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
您可能感興趣的文章:
- js如何打印object對(duì)象
- JavaScript 判斷判斷某個(gè)對(duì)象是Object還是一個(gè)Array
- js中判斷Object、Array、Function等引用類型對(duì)象是否相等
- Javascript創(chuàng)建自定義對(duì)象 創(chuàng)建Object實(shí)例添加屬性和方法
- Nodejs學(xué)習(xí)筆記之Global Objects全局對(duì)象
- Javascript中判斷變量是數(shù)組還是對(duì)象(array還是object)
- Javascript 面向?qū)ο?對(duì)象(Object)
- js Object2String方便查看js對(duì)象內(nèi)容
- javascript 對(duì)象數(shù)組根據(jù)對(duì)象object key的值排序
- 淺析JavaScript中的對(duì)象類型Object
相關(guān)文章
-
Array.slice()與Array.splice()的返回值類型
Array.slice()與Array.splice()的返回值類型...2006-10-10 -
JavaScript對(duì)象的property屬性詳解
這篇文章主要介紹了JavaScript對(duì)象的property屬性,詳細(xì)講解了property的各種屬性,需要的朋友可以參考下2014-04-04 -
關(guān)于javascript中的typeof和instanceof介紹
typeof用來檢測給定變量的數(shù)據(jù)類型 instanceof用來檢測對(duì)象的類型2012-12-12 -
Javascript實(shí)例項(xiàng)目放大鏡特效的實(shí)現(xiàn)流程
商城網(wǎng)站包括APP端中把鼠標(biāo)光標(biāo)移動(dòng)到預(yù)覽圖上就會(huì)看到這部分商品圖片放大了，這就是JavaScript實(shí)現(xiàn)的放大鏡特效，今天我們也來實(shí)現(xiàn)一波2021-11-11 - 本文沒有詳細(xì)描述這些新特性，因?yàn)榫W(wǎng)上都已經(jīng)有很多相關(guān)的介紹了。主要針對(duì)ES6 新特性收集了相關(guān)范例代碼，他可以讓你快速了解這個(gè)新的javascript規(guī)范2017-03-03
- 這篇文章主要介紹了js oncontextmenu事件使用詳解,需要的朋友可以參考下2017-03-03
-
JS函數(shù)實(shí)現(xiàn)動(dòng)態(tài)添加CSS樣式表文件
有時(shí)會(huì)使用一些改變心情方面的想法，比如JS函數(shù)實(shí)現(xiàn)動(dòng)態(tài)添加CSS樣式表文件，這樣就可以做到隨機(jī)加載心情文件，需要的朋友可以了解下2012-12-12 -
深入理解JavaScript系列（30）：設(shè)計(jì)模式之外觀模式詳解
這篇文章主要介紹了深入理解JavaScript系列（30）：設(shè)計(jì)模式之外觀模式詳解,外觀模式（Facade）為子系統(tǒng)中的一組接口提供了一個(gè)一致的界面,此模塊定義了一個(gè)高層接口,這個(gè)接口值得這一子系統(tǒng)更加容易使用,需要的朋友可以參考下2015-03-03 -
ECMAScript6的新特性箭頭函數(shù)（Arrow Function）詳細(xì)介紹
這篇文章主要介紹了ECMAScript6的新特性箭頭函數(shù)（Arrow Function）詳細(xì)介紹,ECMAScript6其實(shí)就是JavaScript,它的新特性就是JS的新特性,引入只是時(shí)間問題,需要的朋友可以參考下2014-06-06 -
網(wǎng)頁編輯器ckeditor和ckfinder配置步驟分享
ckeditor+ckfinder配置用法，現(xiàn)在ckeditor是互聯(lián)網(wǎng)上應(yīng)用比較廣泛的網(wǎng)頁編輯器了，這里介紹下配置方法，需要的朋友可以參考下2012-05-05