ホームページ > ウェブフロントエンド > jsチュートリアル > js コンストラクター、インデックス配列、属性の実装と使用_javascript スキル

js コンストラクター、インデックス配列、属性の実装と使用_javascript スキル

WBOY
リリース: 2016-05-16 16:31:13
オリジナル
1770 人が閲覧しました
<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

<本体> テーブル> 不変オブジェクト つまり、生成後に状態を変更できないオブジェクトは、典型的な不変オブジェクトです。 不変オブジェクトを柔軟に利用することで、例えばメソッドのパラメータに渡す際にオブジェクトの内容を書き換えるメソッドなど、プログラムの堅牢性を向上させることができます。 不変オブジェクトは次の方法で js に実装できます 1. 属性 (ステータス) を非表示にし、変更操作 (クロージャの実装) を提供しません 2. ECMAScript第5版が提供する機能を柔軟に活用 3. 書き込み可能で構成可能な属性、セッターとゲッターを柔軟に使用します ECMAScript 5th Edition でオブジェクトの不変性をサポートするために使用される関数 以下の表を参照してください

属性的属性名

含义

writable

可以改写属性的值

enumerable

可以通过for in枚举出

configurable

可以改变属性的属性,可以删除属性

get

可以指定属性值的getter函数

set

可以指定属性值的setter函数

属性の属性名

意味


書き込み可能

属性の値を上書きできます

数えられる

は for in
まで列挙できます

構成可能

方法名

属性新增

属性删除

属性值变更

确认方法

preventExtensions

x

o

o

Object.isExtensible

seal

x

x

o

Object.isSealed

freeze

x

x

x

Object.isFrozen

属性の属性を変更したり、属性を削除したりできます

入手

属性値を指定できるゲッター関数
<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>
ログイン後にコピー
セット


属性値を指定できるセッター関数
テーブル> Object.preventExtensions の例 注意が必要です 1.上記3つの方法は一度変更すると元に戻すことはできません 2. プロトタイプ継承で継承したメソッドを変更不可にしたい場合は、それを表示する必要があります
メソッド名 新しい属性 属性の削除 属性値の変更 確認方法
拡張機能を防ぐ × Object.isExtensible
シール × × Object.isSealed
フリーズ × × × Object.isFrozen
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のおすすめ
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート