JavaScriptの基本機能まとめ_基礎知識

WBOY
リリース: 2016-05-16 16:16:44
オリジナル
919 人が閲覧しました

ここでは、一般的に使用され実用的な、いくつかの基本的な JavaScript 関数の概要を示します。それを整理することは、誰もが JavaScript をより深く理解するのにも役立ちます。

コードをコピー コードは次のとおりです:

<スクリプトタイプ="text/javascript">
/*関数とリテラル関数を作成します*/
/*
関数 add(){
alert("関数が正常に作成されました")
};
var testfunction=function(){
alert("これは匿名関数です");
};
add() //関数を呼び出します
testfunction();//リテラル​​関数を呼び出します
*/
/*
var testobj=new Object() // オブジェクトを作成します
TestObj.run = Function () {// オブジェクトへのメソッドを作成します
alert("これはオブジェクト内のメソッドです");
};
testobj.run() // オブジェクトのメソッドを呼び出します
*/
/*関数オブジェクトの作成*/
/*
function ball(){
}
ball.name1="testing" // 関数オブジェクトの属性を作成します
; alert(ball.name1) //関数の属性にアクセスします
アラート(ボールの種類)
*/
/*関数のリファレンス*/
/*
function myFunction(message){
アラート(メッセージ);
}
var ptr=myFunction; // 関数の参照を変数
に渡します。 ptr("テスト中") //変数呼び出し関数
*/
/* 関数の参照をオブジェクトに渡す*/
/*
関数sayName(name1){
アラート(名前1);
}
var obj1=new Object();
var obj2=new Object();
var obj3=new Object();
obj1.sayMyName=sayName // オブジェクトの変数への参照を渡してオブジェクトのメソッドを形成します
; obj2.sayMyName=sayName;
obj3.sayMyName=sayName;
obj1.sayMyName("Zhang San") //オブジェクトのメソッドを呼び出します
obj2.sayMyName("李思");
obj3.sayMyName("王五")
*/
/*
関数 add(){
}
add.message="チャイイェソン"
var ptr1=add;
var ptr2=add;
アラート(ptr1.message);
アラート(ptr2.message)
add.message="123";
アラート(ptr1.message)
アラート(ptr2.message)
*/
/*参照は別の変数を指します*/
/*
関数 add(){
アラート("1");
}
var ptr=add;
ptr=function(){ //変更する代わりに、myFunctionPtr という別の関数を作成しました
アラート("ptr")
}
add=function(){ //参照は別の関数を指しており、関数の参照は変更されています
アラート("2")
}
add()
ptr()
*/
/*関数オブジェクトの作成*/
/*
ファンクションボール(メッセージ){
アラート(メッセージ)
}
var ball0=new Ball("テスト")
ball0.name1="ボール-0"
アラート(ball0.name1)
ファンクションボール(メッセージ){
アラート(メッセージ)
}
var ball0=新しいオブジェクト()
ball0.constuct=Ball // オブジェクトのコンストラクターへの関数参照を指定します
ball0.constuct("ceshiceshiceshi") //この関数はこのオブジェクトのコンストラクターによって実行されます
ball0.name1="テスティング"
アラート(ball0.name1)
関数 Test(){
}
alert(Test.prototype) //共有属性
*/
/*共有属性を追加*/
/*
関数 Fish(naem1,color1){
This.name1=naem1
This.color1=color1
}
Fish.prototype.LivesIn="water" // 共有属性を追加します
Fish.prototype.price=20
varfish1=new Fish("サバ","グレー")
varfish2=new Fish("金魚","オレンジ");
var Fish3=new Fish("サーモン", "白");
for (var i=1; i {
varfish=eval("fish" i) // 魚へのポインタを取得するだけです
alert(fish.name1 ","fish.color1","fish.LivesIn","fish.price);
}
*/
/*
関数 従業員(名前、給与)
{
This.name=名前; This.salary=給与;
}
Employee.prototype.getSalary=function getSalaryFunction()
{
return this.salary;
}
Employee.prototype.addSalary=function addSalaryFunction(加算)
{
this.salary=this.salary 追加;
}
var Boss1=新従業員("ジョアン", 200000);
var Boss2=新入社員("キム", 100000);
var Boss3=新入社員("サム", 150000);
alert(boss1.getSalary()) // 出力 200000
alert(boss2.getSalary()) // 出力 100000
alert(boss3.getSalary()) // 出力 150000
*/
/*匿名関数*/
/*
(関数(x,y){
アラート(x y)
})(2,3)//この関数自体を実行する機能
*/
/*関数を実行して呼び出します*/
/*
var f1=function(){
「テスト」を返す
}
アラート(f1())
*/
/*自己実行の結果を変数に与える*/
/*
var f2=function(){
「OK」を返します
}()
アラート(f2)
*/
// (
// function(){
// alert("fa")
                                                                                   // )
/*
関数ボックス(){
var user='Tt'
return function(){
ユーザーを返す;
}
}
alert(box()()) //埋め込み関数を呼び出します
*/
// var b=box()
// アラート(b())
/*クロージャー関数による自動追加*/
/*
関数ボックス(){
var age=100
Return function () {// 呼び出しは実際にはこのメソッドであり、データがメモリに残っている時間を認識します
年齢
年齢を返す;
}
}
var b=box()
アラート(b())
アラート(b())
アラート(b())
*/
/*バージョンの開始*/
/*
関数ボックス(){
var arr=[] //配列を宣言します
for (var i = 0; i arr[i]=function(){ // ループを通じて各要素に関数を割り当てるだけです
return i;
                                                                                                  }
return arr // 配列を返します
}
var b=box() // 返された配列を b
に代入します document.writeln("配列の長さは次のとおりです: " b.length "
") //配列の長さを返します
for (var i = 0; i document.writeln("匿名関数によって返される値は次のとおりです:" b[i]() "
") //この関数を実行するときの各要素の値は、最後の要素の値が 5 であるため、要素は 5
};
*/
/*改良版*/
/*
function box1() {
var arr1 = [];
for (var i = 0; i Arr1 [i] = (関数 (num) {// 自己実行、関数の自己実行の結果を各要素に割り当てます
return num;
})(私); }
return arr1;
}
var b1 = box1() // 配列を返します
for (var i = 0; i document.writeln("改善後の出力結果は次のとおりです: ")
Document.writeln (b1 [i] "& lt; br /& gt;"); // ここで配列が返されるので、それを出力します
}
*/
//ベータ版
/*
var testarr=[];
for (var i = 0; i testarr[i]=function(){
return i;
}
};
document.writeln("テストボードの長さは次のとおりです: " testarr.length "
")
for (var i = 0; i Document.writeln ("テスト バージョン" (i 1) "Testarr [i]" & lt; br /& gt; ")
};
var aa=function(){
リターン 3
}
document.writeln("ベータ版テストの結果" aa)
*/
/*改良版 3*/
/*
関数 box3() {
var arr3= [];
for (var i = 0; i arr3[i] = (関数 (数値) {
戻り関数 () {

を返します。 }
})(i);//自己実行の結果が各要素に代入される 実行完了後、その実行の結果が各要素に代入される
}
return arr3;
}
var b3= box3();
for (var i = 0; i document.writeln(b3[i]() "
"); }
*/
/*JS 関数チュートリアルのアドレス: //http://www.cnblogs.com/ttcc/p/3763437.html*/
/*クロージャ内で this によって指定されたオブジェクトは window*/
/*
var user='The Window00';
var obj={
ユーザー:'The Window001',
getUserFunction:function(){
return function(){
return this.user;
}
}
}
document.writeln("this で指定されたオブジェクトを返す" obj.getUserFunction()())
*/
// 関数ボックス(count1){
                                                                                                      // for (var i = 0; i document.writeln(i);                                                                                                                                     // }
// var i=10
// ボックス(2)
/*クロージャの実行後、メモリデータはすぐにクリアされます*/
/*
関数ボックス(カウント) {
(関数 () {
for (var i = 0; i }
})();
... ); }
ボックス(2);
*/
/*クロージャを通じてプライバシー属性にアクセス*/
/*
function Box() {
var age = 100; function run() { //プライベート関数
return '実行中...';
}
This.get = function () { //パブリック特権メソッド
return age run();
};
}
var box = new Box();
アラート(box.get());
関数 人(値) {
var user = 値; This.getUser = function () {
ユーザーを返す;
};
This.setUser = 関数 (値) {
ユーザー = 値;
};
}
*/
/*シングルケースモード*/
/*
var box = function () {
Var user = 'tt' // プライベート変数
; 関数 run() { '操作中...' を返します
; }
return {
Publicgo: function () {// 外部パブリック インターフェイスの特権メソッド
ユーザー run();
を返します } }; }();
アラート(box.publicGo());
*/
/*シングルケースモード*/
/*
function Desk() {
//関数が定義されています
}
var box = function () {
var user = 'TT'; varユーザー = 'TT'; 関数 run() { '操作中...' を返します
; }
Var デスク = new デスク () // インスタンス化されたカスタム オブジェクト
desk.publicGo = function () {
return userrun(); };
返却デスク;
}();
アラート(box.publicGo());
*/


上記は私がまとめた基本的な JavaScript 関数です。ぜひよく読んでください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート