<! DOCTYPE HTML > < HTML > < head > < Meta charset = "UTF-. 8" > < title > novice tutorial (runoob.com) </ title > </ head > < body > < P > global function (myFunction) returns the result of multiplying parameters: </ P > < P ID = "Demo" > </ P > < Script > function myFunction (a, b) { return a * b; } document.getElementById("demo").innerHTML = myFunction(10, 2); </script> </body> </html>
<! DOCTYPE HTML > < HTML > < head > < Meta charset = "UTF-. 8" > < title > novice tutorial (runoob.com) </ title > </ head > < body > < P > global function myFunction () It will automatically become the method of the window object. </ P > < P > myFunction () similar window.myFunction (). </ P > < P ID = "Demo" > < > function myFunction(a, b) { return a * b; } document.getElementById("demo").innerHTML = window.myFunction(10, 2); </script> </body> </html>
<! DOCTYPE HTML > < HTML > < head > < Meta charset = "UTF-. 8" > < title > novice tutorial (runoob.com) </ title > </ head > < body > < P > in HTML < B > the this </ B > values, in the global function is a window object. </ P > < P ID = "Demo" > </ P > < function myFunction() { return this; } document.getElementById("demo").innerHTML = myFunction(); </script> </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <p>myObject.fullName() 返回 John Doe:</p> <p id="demo"></p> <script> var myObject = { firstName:"John", lastName: "Doe", fullName: function() { return this.firstName + " " + this.lastName; } } document.getElementById("demo").innerHTML = myObject.fullName(); </script> </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <p>在一个对象方法中 ,<b>this</b> 的值是对象本身。</p> <p id="demo"></p> <script> var myObject = { firstName:"John", lastName: "Doe", fullName: function() { return this; } } document.getElementById("demo").innerHTML = myObject.fullName(); </script> </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <p>该实例中, myFunction 是函数构造函数:</p> <p id="demo"></p> <script> function myFunction(arg1, arg2) { this.firstName = arg1; this.lastName = arg2; } var x = new myFunction("John","Doe") document.getElementById("demo").innerHTML = x.firstName; </script> </body> </html>
<!DOCTYPE html> <html> <body> <p id="demo"></p> <script> var myObject; function myFunction(a, b) { return a * b; } myObject = myFunction.call(myObject, 10, 2); // 返回 20 document.getElementById("demo").innerHTML = myObject; </script> </body> </html>
<!DOCTYPE html> <html> <body> <p id="demo"></p> <script> var myObject, myArray; function myFunction(a, b) { return a * b; } myArray = [10, 2] myObject = myFunction.apply(myObject, myArray); // 返回 20 document.getElementById("demo").innerHTML = myObject; </script> </body> </html>