JS函数浅析(一)
1.万物皆为对象
提起函数首先要知道对象,而对象又是js数据类型中的一种,所以我们从头开始。
1)javascript数据类型有哪些?
原始数据类型:number,undefined,null,string,boolean
引用数据类型:object
2)数据类型的检测:
由于js中的变量是松散类型的,所以它提供了一种检测当前变量的数据类型的方法,也就是typeof关键字. typeof 123 //Number typeof 'abc' //String typeof true //Boolean typeof undefined //Undefined typeof null //Object typeof { } //Object typeof [ ] //Object typeof console.log() //Function null类型进行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)})()
JS函数浅析(一)的更多相关文章
- 3.3 js函数
1.函数语法: 函数声明的方式:function 函数名(参数1,参数2-){//函数体;}函数调用:函数名(参数1,参数2-); 函数内不一定都指定返回值. 如果需要指定返回值,可用 return ...
- Js函数function基础理解
正文:我们知道,在js中,函数实际上是一个对象,每个函数都是Function类型的实例,并且都与其他引用类型一样具有属性和方法.因此,函数名实际上是指向函数对象的指针,不与某个函数绑定.在常见的两种定 ...
- js函数表达式和函数声明的区别
我们已经知道,在任意代码片段外部添加包装函数,可以将内部的变量和函数定义"隐 藏"起来,外部作用域无法访问包装函数内部的任何内容. 例如: var a = 2; function ...
- 通用js函数集锦<来源于网络> 【二】
通用js函数集锦<来源于网络> [二] 1.数组方法集2.cookie方法集3.url方法集4.正则表达式方法集5.字符串方法集6.加密方法集7.日期方法集8.浏览器检测方法集9.json ...
- 通用js函数集锦<来源于网络/自己> 【一】
通用js函数集锦<来源于网络/自己>[一] 1.返回一个全地址2.cookie3.验证用户浏览器是否是微信浏览器4.验证用户浏览器是否是微博内置浏览器5.query string6.验证用 ...
- 100多个基础常用JS函数和语法集合大全
网站特效离不开脚本,javascript是最常用的脚本语言,我们归纳一下常用的基础函数和语法: 1.输出语句:document.write(""); 2.JS中的注释为//3.传统 ...
- JS函数
1.document.write(""); 输出语句2.JS中的注释为//3.传统的HTML文档顺序是:document->html->(head,body)4.一个浏 ...
- js函数和运算符
函数是由事件驱动或者它被调用时执行可重复使用的代码块. <script> function myFunction(){ Alert(“hello World!”): } </scri ...
- JavaScript学习03 JS函数
JavaScript学习03 JS函数 函数就是包裹在花括号中的代码块,前面使用了关键词function: function functionName() { 这里是要执行的代码 } 函数参数 函数的 ...
随机推荐
- 从字节码看java类型转换【 深入理解 (T[]) new Object[size] 】
我们都知道,java中对类型的检查是很严格的,所以我们平操作时,也往往很小心. 如题: (T[]) new Object[size],这种写法是一般我们是不会干的!但是有点经验的同学,还是会遇到这样写 ...
- ALL_DB_LINKS
类型:View Owner:SYS 内容:记录了当前用户下可访问的所有的DB links 字段: OWNER : DB Link的owner DB_LINK : DB Link名称 USERNAME ...
- Zookeeper 集群安装配置,超详细,速度收藏!
今天,栈长分享下 Zookeeper 的集群安装及配置. 下载 下载地址:http://zookeeper.apache.org/ 下载过程就不说了,我们下载了最新的zookeeper-3.4.11. ...
- freemarker变量自加
[#assign i = 0][#list dateList as item][#assign i = i + 1]<li><input type="radio" ...
- csv与xlsx导出
一.csv与xlsx格式基本介绍 csv即comma seperate values - 逗号分隔值,文件以纯文本形式来存储表格数据,它可以由任意数目的记录组成,记录之间通过某种换行符来分 ...
- npm包实现发布正式和测试版
npm publish的時候 怎麽發測試版和正式版本呢? 通常我們一般情況下 直接 npm publish 提交自己的開發包后,在項目中 npm install @packageName 是下載下來剛 ...
- sql server 锁与事务拨云见日(中)
一.事务的概述 上一章节里,重点讲到了锁,以及锁与事务的关系.离上篇发布时间好几天了,每天利用一点空闲时间还真是要坚持.听<明朝那些事儿>中讲到"人与人最小的差距是聪明,人与人最 ...
- flask中接收post传递数组方法
list = request.form.getlist("表单名")
- JVM中垃圾收集算法总结
通过前面的介绍我们了解了对象创建和销毁的过程.那么JVM中垃圾收集器具体对对象回收采用的是什么算法呢?本文主要记录下JVM中垃圾收集的几种算法. JVM的垃圾回收的算法 标记-清除算法(Mark- ...
- SpringBoot之RabbitMQ的使用
一 .RabbitMQ的介绍 RabbitMQ是消息中间件的一种,消息中间件即分布式系统中完成消息的发送和接收的基础软件,消息中间件的工作过程可以用生产者消费者模型来表示.即,生产者不断的向消息队列发 ...