<script> function p(){ var len=arguments.length; for(var i=0;i<len;i++){ document.write(arguments[i]+"<br/>"); } } function Myclass(x,y){ this.x=x; this.y=y; this.show=function(){ return this.x+this.y; } } var m1=new Myclass(1,2); var m2=new Myclass(3,4); p(m1.show(),m2.show()); </script>
既存の問題
1. すべてのインスタンスが同じメソッドで定義されたエンティティをコピーするため、プロトタイプの継承により効率性(メモリ効率の低下、実行効率の低下)を解決できます
2. 属性値 (プライベート、パブリック) へのアクセスを制御できない問題は、クロージャ
によって解決できます。
属性アクセスのオペランドは変数ではなく、オブジェクトへの参照です
値の整数部分のみを読み取る処理
Math[this<0?'celling':'floor'](this);
連想配列
連想配列は js のオブジェクトを通じて実装する必要があります
基本操作: キーによる値の取得、要素の設定、要素の削除
<script> var map={x:3,y:4}; p(map.x); delete map.x; //true p(map.x); //undefined 对不存在的元素进行访问结果是undefined ,由于可以显示地将值设置为undefined ,因此无法通过将值与undefined比较来判断值是否存在 ,可以通过for in进行枚举 a='undefined'; p(a);//undefined p(typeof map.x==a); //true </script>
連想配列として注意すべき点
<script> function Myclass(x,y){ this.x=x; this.y=y; } Myclass.prototype.z=5; var obj=new Myclass(1,2); for(var key in obj){ p(key+":"+obj[key]); //会枚举出通过原型继承来的属性 } //x:1 y:2 z:5 delete obj.x;//true p(obj.x); //undefined p(obj.z); //5 //通过原型继承来的属性 无法被delete删除 delete obj.z; //true p(obj.z);//5 //在将对象作为关联数组使用时,通常都会使用字面量来创建,即使视图通过使用空的对象字面量来创建一个没有元素的关联数组,也仍会从Object类中继承原型的属性 p('toString' in obj); //true var obj1={}; p('toString' in obj1);//true //通过 for in枚举 p(obj1.length); //undefined for(var k in obj1){ p(obj1[k]); } //没有元素 被枚举出来 这是由于enumerable属性的缘故 //通过hasOwnProperty来判断 是本身的属性还是通过 参与原型继承而来的属性 var map={}; p(map.hasOwnProperty('toString')); //false map['toString']=1; p(map.hasOwnProperty('toString')); //true delete map['toString'] ; p(map.hasOwnProperty('toString'));//false </script>
プロパティのプロパティ
オブジェクトのプロパティにもいくつかのプロパティがあります
次の表は、ECMAScript 5th Edition で定義されている属性をまとめたものです。属性値は value 属性
として指定されます。
フォーム 1
|
意味 |
||||||||||||||||||||||
書き込み可能 |
属性の値を上書きできます |
||||||||||||||||||||||
数えられる |
は for in まで列挙できます |
||||||||||||||||||||||
構成可能
|
|
||||||||||||||||||||||
入手 |
属性値を指定できるゲッター関数
<script> var obj={x:2,y:3}; Object.preventExtensions(obj); //无法新增属性 obj.z=4; p(Object.keys(obj));//x,y //可以删除属性 delete obj.y; p(Object.keys(obj)); //x //可以更改属性值 obj.x=20; p(obj.x); //20 //Object.seal例子 将属性的configurable设置为假 var obj={x:2,y:3}; Object.seal(obj); //无法新增 也无法删除 obj.z=3; p(Object.keys(obj)); //x,y delete obj.x; //false p(Object.keys(obj));//x,y //可以改变 属性值 obj.x=20; p(obj.x);//20 //Object.freeze例子 将属性的writable设置为假 var obj={x:2,y:3}; Object.freeze(obj); //无法新增 也无法删除,也无法改变属性值 obj.z=3; p(Object.keys(obj)); //x,y delete obj.x; p(Object.keys(obj));//x,y //可以改变 属性值 obj.x=20; p(obj.x);//20 </script> ログイン後にコピー
セット |
|
属性値を指定できるセッター関数
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
d3.js でズームインすると散布図のポイントの値が維持されない
d3.js を使用するのは初めてなので、ご容赦ください。 vue.js ファイルに純粋な JavaScript として実装しました。ズーム機能を使用して散布図を作成しようとしていま...
から 2024-04-06 18:16:26
0
1
403
関連トピック
詳細>
|