6 JavaScript函数&内置构造&函数提升&函数对象&箭头函数&函数参数&参数的值传递与对象传递
2020-12-13 15:21
标签:log body length 对象 text 箭头 数组 obj fun JavaScript函数:使用关键字function定义,也可以使用内置的JavaScript函数构造器定义 匿名函数: 函数表达式可以存储在变量中,并且该变量也可以作为函数使用。 实际上是匿名函数。 构造函数: 另一种写法: 函数的自调用: 通过添加括号来说明他是一个函数表达式 函数对象: 箭头函数:默认绑定外层this的值,在箭头函数中this的值和外层的this是一样的 () => {} 函数参数: Arguments对象: 通过Argumens对象找到参数中的最大值: 参数的值传递: 在函数外定义的参数,如果在函数中修改参数的值,将不会修改参数的初始值(或者说定义值)。 因此,JavaScript函数传值只是将参数的值传入函数,函数会另外配置内存保存参数值,所以并不会改变原参数的值 参数的对象传递: 在JavaScript中可以引用对象的值,因此我们在函数内部修改对象的属性就会修改其初始的值。 总结: 6 JavaScript函数&内置构造&函数提升&函数对象&箭头函数&函数参数&参数的值传递与对象传递 标签:log body length 对象 text 箭头 数组 obj fun 原文地址:https://www.cnblogs.com/ltfxy/p/11579211.htmlbody>
p>函数存储在变量后,变量可作为函数使用:p>
p id="demo">p>
script>
var x = function(a,b){return a+b; };
document.getElementById("demo").innerHTML = x(1,2);
script>
body>
body>
p>JavaScrip 内置构造函数。p>
p id="demo">p>
script type="text/javascript" charset="utf-8">
var multiply = new Function("a","b","return a*b");
document.getElementById("demo").innerHTML = multiply(3,4);
script>
body>
body>
p id="demo">p>
script type="text/javascript" charset="utf-8">
var multiply = function(a, b) { return a*b };
document.getElementById("demo").innerHTML = multiply(3,5);
script>
body>
函数的提升:
script>
(function () {
document.getElementById("demo").innerHTML = "Hello! 我是自己调用的";
})();
script>
body>
p>设置参数的默认值。p>
p id="demo">p>
script>
function myfunction(x,y) {
if(y == undefined){
y = 0;
}
return x * y;
}
document.getElementById("demo").innerHTML = myfunction(4);
script>
body>
script>
x = findMax(1,100,-200,101,1111,22112);
function findMax(){
var i,max = arguments[0];
if(arguments.length 2) return max;
for( i = 0; i arguments.length; i ++){
if(arguments[i] > max)
{
max = arguments[i];
}
}
return max;
}
document.getElementById("demo").innerHTML = x;
script>
var x = 1;
// 通过值传递参数
function myFunction(x) {
x++; //修改参数x的值,将不会修改在函数外定义的变量 x
console.log(x);
}
myFunction(x); // 2
console.log(x); // 1
var obj = {x:1};
// 通过对象传递参数
function myFunction(obj) {
obj.x++; //修改参数对象obj.x的值,函数外定义的obj也将会被修改
console.log(obj.x);
}
myFunction(obj); // 2
console.log(obj.x); // 2
文章标题:6 JavaScript函数&内置构造&函数提升&函数对象&箭头函数&函数参数&参数的值传递与对象传递
文章链接:http://soscw.com/index.php/essay/35055.html