欢迎访问 生活随笔!

ag凯发k8国际

当前位置: ag凯发k8国际 > 前端技术 > javascript >内容正文

javascript

js函数浅析(一) -ag凯发k8国际

发布时间:2024/10/12 javascript 24 豆豆
ag凯发k8国际 收集整理的这篇文章主要介绍了 js函数浅析(一) 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

 

1.万物皆为对象

  提起函数首先要知道对象,而对象又是js数据类型中的一种,所以我们从头开始。

  1)javascript数据类型有哪些?
          原始数据类型:number,undefined,null,string,boolean

     引用数据类型:object

 

  2)数据类型的检测:

由于js中的变量是松散类型的,所以它提供了一种检测当前变量的数据类型的方法,也就是typeof关键字.typeof 123   //numbertypeof 'abc'  //stringtypeof true //booleantypeof undefined //undefinedtypeof null //objecttypeof { } //objecttypeof [ ] //objecttypeof console.log() //functionnull类型进行typeof操作符后,结果是object,原因在于,null类型被当做一个空对象引用。

面试会遇到的坑:

    typeof(需要检测的内容) -- number,string,boolean,function,object,undefined (返回的结果类型都是string类型)。 

    typeof(null)    返回的结果类型为object

 

  3)引用数据类型:

  对象都有自己的属性和方法: 

function fun(a,b,c){ //函数类对象} console.log(fun) //fun它也是window对象底下的属性 //fun自己的属性console.log(fun.name) //输出函数的函数名console.log(fun.length) //形参的个数console.log(fun.prototype) //原型//函数也是可以直接当成对象使用的 //对象的增删查改fun.abc = 123;        //增fun.bcd = function(){    //增一个特殊的元素console.log("hello")} fun.bcd(); fun.abc;   //查fun.abc = 456;  //改console.log(fun.abc);delete fun.abc;    //删

  4)原始数据类型:

    可以改变的引用类型,和不可以改变的原始类型(这个地方的改变和不改变表示的是存储结构);

var s = 'hello'; s.touppercase(); //返回'hello',但是并没有改变s的值 alert(s); //返回 hello; var a=1; //这行语句中包含了两个量:一个是a,他叫变量,这个大多数人都知道;一个是1,他叫数值型常量,这个大多数人都会忽略,以为一个数字、字符串、布尔值跟常量变量扯不上关系。不要以为1不算“量”,1就是值恒为1的常量,2就是值恒为2的常量... var a=false; //同上,a是布尔型变量,false是布尔型常量,他的值不能被改变,false永远代表false; var a='abc'; //同理,'abc'叫字符型常量,或者叫字符串常量。还记得经典的js报错“未结束的字符串常量”么?意思就是没找到到一个字符串常量的结束符:引号。 //综上,所有为固定值永恒不变的量就是常量,也就是不可变的量。 //其他很多语言可以用const关键字定义一个自己命名的常量,js中没有用const去定义一个常量的功能,可以定义一个变量当“常量”用,自己别改就行。

 

    原始类型属性的添加;

var str = "hello world"; str.abc = 123; //自己添加属性 console.log(str.length) //自己自带的属性console.log(str.abc) //原始类型不能添加属性,如果添加,不会报错,添加完成系统检测为原始类型后马上删除

    当用new的方式创建一个字符串时:(此时为一个对象,数据类型自然变成了引用数据类型)

var str2 = new string("hello world"); //一定出来的是对象 console.log(str2.length) str2.abc = 456; console.log(str2.abc);

   number等其他类型也一样:

var num = 123;num.abc = 456;console.log(num.abc)var numobj = new number(123);numobj.abc = 456;console.log(numobj.abc)

  实例:

var str = "hello world";var len = typeof(str); if(len.length == 6){len.abc = "typeof检测的结果为string类型"; }console.log(len.abc); //最后输出的是什么? 输出的是undefined,len.length=6可以走进循环,只是len是原始数据类型,可以添加,但是添加完成马上就删除了。

2.函数作用域

在javascript中,es6以前有三种情况:
 1.全局作用域

  var num = 100;function fun(){console.log(num)var num1 = 200;function fun2(){console.log(num1);}}fun()

    使用var声明的变量不是全局就是局部,不是用var声明的变量都是全局变量
   

   2.函数作用域 (局部作用域)

function fun(){ num = 100; } fun(); console.log(num);

    函数如果不调用,永远不会执行,管你里面的代码是什么东西,再多的错误不执行也是不会抛出的

 

   3.es6中有块级作用域

  过去,javascript缺乏块级作用域,var声明时的声明提升、属性变量等行为让人困惑。es6的新语法可以帮助我们更好地控制作用域。(这一部分待后续完善)

 

3.函数声明和函数表达式

  函数声明

function fun(){ //函数声明}

  函数表达式

  var abc = function fun(a,b,c,d){ //函数表达式console.log("hello")}

// 调用abc?fun?
   abc();
   fun();        //会报错

   console.log(abc.name) //除了这个地方可以看到fun以外,其他没有任何用处
   console.log(fun.name)//会报错

   console.log(abc.length)
   console.log(fun.length)

    abc这个时候就是一个函数,当abc变成了表达式以后,函数就会放弃自己的名字,所以要调用abc()。

函数表达式和函数声明的区别:

function fun(){ //函数声明console.log("hello");}() 函数声明是直接可以被执行符号执行的,在函数的前面可以加上 -!可以让函数声明变成函数表达式 function fun(){ //函数声明变成函数表达式console.log("hello");}()-function fun(){ console.log("hello");}()!function fun(){ console.log("hello");}()

 

4.立即执行函数

1.特点:

  1.函数声明了以后直接自己执行,用函数的返回值,适合做初始化的工作
  2.避免写全局变量,所有的内容全部都放在立即执行函数中

2.格式

//1. (function(){})()//2. (function(){}())

  3.功能:

   1)初始化

//1加到100的值 var he = (function(n){var num = 0;for(var i = 1;i<=n;i ){num =i;}return num; })(100);

   2)功能型

   写功能型的时候,在立即执行函数前面加上分号 ;(function(){ console.log(456)})()

 

 

 

 

 

 

总结

以上是ag凯发k8国际为你收集整理的js函数浅析(一)的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得ag凯发k8国际网站内容还不错,欢迎将ag凯发k8国际推荐给好友。

  • 上一篇:
  • 下一篇:
网站地图