JS中匿名函数$(function(){ })和(function(){})()的区别

“$(function(){ });” Jquery语法的匿名函数，用于存放操作DOM对象的代码，执行其中代码时DOM对象已存在；

（通过这样就可以在页面加载完成时通过ajax再异步加载一些数据）

“(function(){})();”用于存放开发插件的代码，执行其中代码时DOM不一定存在;

（用于在内容加载时或加载前加载）

举例：

该例子在浏览器中运行的时候会报错，究其原因(function(){...})()函数的执行时机并不是在DOM加载完毕后才执行，而是随着页面自上而下来执行

<html>

        <title>错误实例</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <script type="text/javascript">
            (function(){
                alert(document.getElementById("name").value);
            })();
        </script>

        <input type="hidden" id="name" name="name" value="GaoHuanjie">

</html>

时间： 2024-08-08 08:17:52

JS中匿名函数$(function(){ })和(function(){})()的区别的相关文章

js中匿名函数

今天碰到一道题,里面既包含了匿名函数的知识,也包含了预编译,函数的传参(形参),感觉迷迷糊糊的,所以想着做个总结. var foo={n:1}; (function(foo){ console.log(foo.n); foo.n=3; var foo={n:2}; console.log(foo.n); })(foo); console.log(foo.n); 上面的代码,可以写成这样,看解释 1 var foo={n:1}; 2 (function(foo){ //此时形参和实参指向相同的内存

JS的三种使用方式/CSS的三种使用方式/JS中的DOM事件模型/JS中匿名函数的书写及调用/媒体查询@media的三种使用方式

一.JS的三种使用方式 1.html标签中内嵌JS(不提倡使用.) <button onclick="javascript:alert('你真点啊.')" > 有本事点我呀!!!!</button> 2.HTML页面中直接使用JS: <script type="text/javascript">

JS中apply()与call()的含义与区别

JavaScript中,apply()与call()的含义一样,均为改变调用函数中的this指向.其中apply()与call()的第一个参数表示所要指向的对象,若调用函数无参数可不写,则默认为window.第一个参数后的参数表示调用函数的参数,其中apply()第一个参数后面的参数为一个数组,call()第一个参数后面为0或多个参数. 例: 1 window.x = 100; 2 3 4 var obj = {}; 5 obj.x = 1; 6 obj.test = function(a) {

js中对象的浅拷贝和深拷贝的区别

js中对象的浅拷贝和深拷贝的区别浅度拷贝:复制一层对象的属性,并不包括对象里面的为引用类型的数据,当改变拷贝的对象里面的引用类型时,源对象也会改变. 深度拷贝:重新开辟一个内存空间,需要递归拷贝对象里的引用,直到子属性都为基本类型.两个对象对应两个不同的地址,修改一个对象的属性,不会改变另一个对象的属性. 数据的类型: 一般数据(值传递):字符,数值,布尔,undefined 拷贝(复制)时,传递的是值,修改新数据,不会影响老数据复杂数据(引用传递):对象拷贝(复制)时,传递的是内存地址的

关于js中for in和foreach in的区别

js 中for in 和foreach in的区别两个的作用都用来遍历对象,但为什么有了for in语句了还要foreach in语句呢,后来看了下foreach in开发的文档,foreach in是作为E4X标准的一部分在javascript 1.6中发布的,而且E4X不是ECMAScript标准的一部分. foreach…in语句已被废弃,E4X中的大部分特性已被删除,但考虑到向后兼容,foreach…in只会被禁用而不会被删除,可以使用ES6中新的for…of语句来代替. var 小青

详解JS中Number()、parseInt()和parseFloat()的区别

转载:详解JS中Number().parseInt()和parseFloat()的区别三者的作用: Number(): 可以用于任何数据类型转换成数值: parseInt().parseFloat(): 专门用于把字符串转换成数值: 一.Number( ): (1)如果是Boolean值,true和false将分别转换为1和0. (2)如果是数字值,只是简单的传入和返回. (3)如果是null值,返回0. (4)如果是undefined,返回NaN. (5)如果是字符串,遵循下列规则: 如果字

js之匿名函数

js之匿名函数这篇博文内容来自于javascript高级程序设计第2版,向作者致敬函数声明: function functionName(arg0,arg1){ //函数体 } 函数表达式: var functionName = function(arg0,arg1){ //函数体 } 函数声明和函数表达式之间的主要区别是前者会在代码执行前被加载到作用域中,而后者是在代码执行到那一行的时候才会有定义.另一个区别是函数声明会给函数指定一个名字,而函数表达式则创建一个匿名函数,然后将这个函数

js中的函数应用

js中的函数应用什么是函数,函数的概念函数就像一个黑匣子,里面的东西你都不知道,但是你提供一些材料放进去,他可以制造出你需要的东西; 可以让多个一样的功能封装组合起来,然后想执行几次就执行几次函数就是另外一种形式的变量函数的创建和执行定义函数的方式函数声明 ```js function test(){ } ``` 函数表达式 ```js //命名函数表达式 var test = function abc(){ } //匿名函数表达式 var test = function(){ }

js中的函数

一.函数定义的方式 (1)普通方式语法: function 函数名(参数){ 函数体 } Code: function method(){ alert("testMethod"); } method(); (2)匿名函数语法:function(参数){ 函数体 } Code: var method = function(){ alert("yyy"); }; method(); (3)对象函数语法:new Function(参数列表,函数体): 注意:参数名称

JS中sort()函数

Js中用方法sort()为数组排序.sort()方法有一个可选参数,是用来确定元素顺 //升序 arr.sort(function(a,b){ retun a-b; }); //降序 arr.sort(function(a,b){ retun b-a; }); 以上方法可以实现对数组按数值大小排序JS中sort()函数问题原文地址:https://www.cnblogs.com/yhliu/p/11055522.html