JavaScript 入门(一、JavaScript变量运算符)

2018-12-15  本文已影响0人  码上行动

网页中插入JavaScript脚本的方法

使用<script>标记将脚本嵌入到网页中(嵌入式)

<script>  alert("hello")  </script>

直接将脚本嵌入到HTML标记的事件中(行内式)

    <button onclick="alert(123)">按钮</button>

通过<script>标记的src属性链接外部脚本文件(链接式)

<script src="index.js"></script>

补充:
(1)单行注释: //
(2) 多行注释: /*… */
(3)每个语句以 “;”号结束

JavaScript变量

  1. 用“var”关键字来定义变量,并可以将其初始化为任何值
  2. 变量中存储的值可以改变。
var name ="XiaoMing"; //字符串
var age=18; //数值
var school="CSU";
var male=true; //布尔值false

关键字及保留字
break
else
new
var
case
finally
return
void
catch
for
switch
while
……….
abstract
enum
int
short ..........
变量命名规范
首字符必须是字母、下划线或美元符号。
余下的字母可以是下划线、美元符号、任意字母或者数字。
变量名不能是关键字或保留字。
变量名区分大小写。
变量名中不能有空格、回车符或其他标点字符。
为了符合编程规范,推荐使用驼峰式命名方式:当变量名由多个英文单词组成时,第一个英文单词全部小写,以后每个英文单词的第一个字母大写。

var userName;

JavaScript运算符

运算符是指完成操作的一系列符号,也称为操作符。
运算符用于将一个或多个值进行运算并返回结果。
使用运算符的值称为操作数。
运算符和操作数的组合称为表达式。

var num1=23,num2=5;
var result;
      result=num1+num2;
      alert ( result );  //28

JavaScript运算符的类型

1.算术运算符

+、-、*、/、%、++、- -

2.比较(关系)运算符

(比较运算符的结果一定是布尔值(true,false)>、<、>=、<= 、==、===、!=、!==

3.逻辑运算符 && 、 || 、 !

&&(逻辑与 and): 两边都为真,结果才为真
|| (逻辑或 or): 只要一边为真,结果就为真
!(逻辑非 not):右边为假,结果为真,右边为真,结果为假

var result=(3>5)||(6>=4);//true
      result=(6==6)&&(!(6<7))//false

1.逻辑与(&&) 
对于布尔值,逻辑与是非常简单的,只要有一个false,就返回false;
对于不是布尔值的情况则:
如果第一个操作数是对象,则返回第二个数
如果第二个操作数是对象,则只有在第一个操作数的求值结果为true的情况下才会返回 该对象;
如果两个操作数都是对象,则返回第二个操作数
如果有一个操作数是null,则返回null
如果有一个操作数是NaN,则返回第NaN
如果第一个操作数是undefined,则返回undefined

2.逻辑或(||) 
对于布尔值,逻辑或是非常简单的,只要有一个true,就返回true;
对于不是布尔值的情况则:
如果第一个操作数是对象,则返第一个操作数
如果第一个操作数的求值结果为false,则返回第二个操作数
如果两个操作数都是对象,则返回第一个操作数
如果两个操作数是null,则返回null
如果两个操作数是NaN,则返回NaN
如果两个操作数是undefined,则返回undefined

3.逻辑非(!)
如果一个操作数是一个对象,返回false;
如果一个操作数是一个空字符串,返回false;
如果一个操作数是一个非空字符串,返回false;
如果一个操作数是一个数值0,返回true;
如果一个操作数是任意的非零字符,返回false;
如果一个操作数是null,返回true;
如果一个操作数是NaN,返回true;
如果一个操作数是undefined,返回true;

4.赋值运算符

= 、+= 、-=、*=、/= 、%=

var a=3;b=“4”;
      a+=3; // a=a+3;
      a-=3;

赋值:表示把赋值符号右侧的表达式的结果存入左侧的变量。

5.连接运算符 +

只要“+”一边的操作数为字符串型数据,则不再执行加法运算,而执行连接运算。
连接后的结果为字符串型数据。

运算符优先级

小括号>算术运算符>比较运算符>逻辑运算符>赋值运算符

var a=5,b=3;
var c;
c=a+b>3&&a<a-b*2;
上一篇下一篇

猜你喜欢

热点阅读