JavaScript-02

运算符和表达式

运算符总共

算术运算:+ - * / % ++ --
关系运算:> < >= <= == === != !===
逻辑运算:&& || !
赋值运算:= += -= *= /= %=
字符连接运算符: +
条件(三目)运算: ?:
特殊运算符: typeof instanceof void delete

算术运算

加+ 减- 乘* 除/ 取余%

注:-除了表示减也可以表示符号, +除了表示加可表示字符串的连接

  • 使用%运算符
    %取余运算
var i=10%3;         // 值为1
var i=10.5%3;       // 值为1.5
var -10%3;          //  值为-1
var i=10%-3;        // 值为1
var i=-10%-3;       // 值为-1
  • 使用"++"和"--"运算符
    ++自增运算,增量为1
    ++在后:先使用变量的值,再对变量进行自增
    ++在前:先对变量进行自增操作,再使用变量的值

关系运算

关系运算用于表示判断数据之间的大小关系(关系表达式的值为boolean类型)

>大于 <小于 >=大于等于 <=小于等于 ==是否等于 !=是否不等于

注意:
1.== ,!=只判断数值是否相等,与类型无关;
2.全等===不仅数值想等,类型还要相同,不全等!==

逻辑运算

作用:判断多条件以及条件取反时的作用

逻辑与&&

两边为真才为真

逻辑或||

有一边为真就是真

逻辑非!

真变假,假变真

当作假看待的数值:
0、0.0、undefined、NaN、null、空

关于"短路逻辑"的问题
对于&&
左边为假,后面就不用看了,结果是假
对于||
左边是真,后面就不用看了,结果是真

赋值运算

使用"="进行赋值问题,=用于为变量赋值
使用扩展赋值表达式,+= -= *= /= %=,具体不做解释
在绝大多数变成语言中,a+=3由于运行时可以进行优化,执行效率会优于a=a+3

字符连接运算

+作用于两个数字时,表示算术运算;+作用于字符串时,表示字符串拼接运算

条件(三目)运算

表达式1?表达式2:表达式3(其中表达式1的值应该是一个loobean类型);

若表达式1为true,则整个表达式的值为表达式2的值
若表达式1为flase,则整个表达式的值为表达式3的值

函数(方法)

函数的定义

  • 什么是函数(方法,过程)
    函数(Founction)有时也被称为方法(Method),或者过程(Procedure)。函数是一端预定义好,并可以被反复使用的代码块。其中可以包含多条可执行语句,函数实际上是功能完整的对象。

  • 定义函数
    1.使用关键字founction定义一个函数
    2.函数名的定义与标识符一致,大小写敏感
    语法:

founction 函数名(){
   可执行语句;
}
  • 函数调用
    允许出现JS脚本的地方都可以实现”函数调用“
    语法:函数名()
    例如:
parseInt();
parseFloat();
Number();
console.log();
  • 定义带参函数
    声明执行参数或者使用return关键字声明方法的返回值
    定义带参函数的语法:
function 函数名(参数列表){
    可执行语句;
}

例如:

founction add(num1,num2,num3){
  var sum=num1+num2+num3;
  return sum;
}

注:多个参数使用逗号进行分隔,定义时的参数,称之为”形参“
return语句执行后,此方法就退出执行了,故执行return方法后不再执行其他语句。

  • 带参函数的调用
    语法:函数名(参数列表)
    参数列表:由一个或多个值组成,按照定义好的顺序,往里传递。调用函数时所传递的参数值,称之为”实参“
    例如:
founction printInfo(userName,userPwd){
   console.log('用户名:'+userName+'密码:'+usePwd);
}

调用1:printInfo('Tom','123');
调用2:var name='Mary';var pwd='456';printInfo(name,pwd);

  • 带返回值的函数
    语法:
function 函数名([参数列表]){
代码块;
return 值/表达式;
}

return:返回
1.将指定的值或者表达式带出到函数调用的位置处
2.并终止当前函数的执行

变量的作用域

什么是作用域?作用域就是变量与函数可访问的范围,它控制着变量的函数的可见性和生命周期

在JavaScript中,对象的作用域分为:
1.局部作用域,只在固定的代码片段中可访问到
2.全局作用域,一经定义,在代码中任何地方都可以访问到

  • 局部变量
    局部变量一般只在固定的代码片段内可访问到,如某个函数的内部,离开此范围就无法访问了
function add(){
  var sum=1+2;      //局部变量
  console.log(sum); //正确访问
}
console.log(sum);   //脚本错误
  • 全局变量
    全局变量在代码的任意位置都可以访问到
    1.在最外层定义的变量是全局变量
var sum=0;          //全局变量
function add(){
 sum=1+2;
 console.log(sum);   //正确
}
console.log(sum);     //正确

2.未使用var声明的变量是全局变量

founction add(){
 sum=1+2;           //全局变量
}
add();                    //必须调用一次
console.log(sum);    //正确

注意:全局变量和局部全量冲突时,优先使用的是局部变量

  • 声明提前
    JS程序在正式执行前,会将所有的var声明变量和function的声明函数,预读到所在作用域的顶部
    但是,对变量的赋值依然会保留在原来的位置上

  • 按值传递
    基本数据类型在做参数传递时,实际上的数据进行复制得到一个副本,将副本传递到函数参数中

  • 函数的作用域
    与变量类似,函数也有全局函数和局部函数
    1.在最外层定义的函数是全局函数

function add(num1,num2){   //全局函数
 console.log(num1+num2);
}
add(1,2);  //正确

2.在一个函数内部定义的函数是局部函数

function outer(){           //全局函数
   function inner(){        //局部函数
      console.log("inner";)
  }
}
inner();   //脚本错误

递归方法

在一个方法体内调用了该方法自身,称为"方法的递归调用"
例子:

function printNumber(){
   if(num>0){
         console.log(num);
         printNumber(--num);
    }
}

全局函数

  • 全局函数概述
    ECMAScript中预定了一组全局函数可供用户使用的
    decodeURI()
    decodeURIComponent()
    encodeURI()
    eval()
    isFinite()
    isNaN()
    parseFloat()
    parseInt()
    
  • encodeURI与decodeURI

encodeURI()函数用于对统一资源标识符(URI)进行编码,返回编码后的URI字符串
decodeURI()函数用于对使用encodeURI()编码之后的字符串进行解码

  • eval函数

eval函数用于执行string形式出现的JavaScript代码,
使用此函数使JS可执行动态的JavaScript源代码
eval()函数也可以用于将JSON字符串解析为JavaScript对象

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,772评论 6 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,458评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,610评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,640评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,657评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,590评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,962评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,631评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,870评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,611评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,704评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,386评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,969评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,944评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,179评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,742评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,440评论 2 342

推荐阅读更多精彩内容

  • 函数的重复声明 如果同一个函数被多次声明,后面的声明就会覆盖前面的声明。 上面代码中,后一次的函数声明覆盖了前面一...
    Steve_Leo阅读 302评论 0 0
  • 函数和对象 1、函数 1.1 函数概述 函数对于任何一门语言来说都是核心的概念。通过函数可以封装任意多条语句,而且...
    道无虚阅读 4,521评论 0 5
  • Lua 5.1 参考手册 by Roberto Ierusalimschy, Luiz Henrique de F...
    苏黎九歌阅读 13,727评论 0 38
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,082评论 1 32
  • 对象就是一组“键值对”(key-value)的集合,是一种无序的复合数据集合。键名都是字符串,加不加引号都可以。 ...
    Steve_Leo阅读 168评论 0 0