美文网首页
JavaScript-02

JavaScript-02

作者: 白雪公主960 | 来源:发表于2019-08-27 17:22 被阅读0次

运算符和表达式

运算符总共

算术运算:+ - * / % ++ --
关系运算:> < >= <= == === != !===
逻辑运算:&& || !
赋值运算:= += -= *= /= %=
字符连接运算符: +
条件(三目)运算: ?:
特殊运算符: 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对象

相关文章

  • JavaScript-02

    A 正则表达式(RegExp) Date对象 Function对象 document对象 window对象 定时器

  • JavaScript-02

    运算符和表达式 运算符总共 算术运算:+ - * / % ++ --关系运算:> < ...

  • javaScript-02

    运算符 算数运算符 概念:算术运算使用的符号,用于执行两个变量或值的算术运算。 浮点数的精度问题浮点数值的最高精度...

  • 每天一点JavaScript-02

    1.输出内容 document.write();// 用于直接向HTML输出流写内容,即直接在网页中输出内容 直接...

网友评论

      本文标题:JavaScript-02

      本文链接:https://www.haomeiwen.com/subject/hkotectx.html