整理Javascript基础语法学习笔记


Posted in Javascript onNovember 29, 2015

1、什么是变量
字面意思:变量是可变的量;
编程角度:变量是用于存储某种/某些数值的存储器。我们可以把变量看做一个盒子,盒子用来存放物品,物品可以是衣服、玩具、水果...等。 

2、表达出你的想法(表达式)
表达式与数学中的定义相似,表达式是指具有一定的值、用操作符把常数和变量连接起来的代数式。一个表达式可以包含常数或变量。

 整理Javascript基础语法学习笔记

字符串表达式:"I" + "love" + "you" + mychar  //编写串表达式,值为字符串。

数值表达式:num + 5*32 + 2.5    //编写数值表达式,值为数值。

布尔表达式:2>3     num==5      num<60     //编写布尔值true或flase的表达式

小明有10元钱,买了一个本,花了5元,小红说:"你剩下的钱加上我的6元钱,就可以买个铅笔盒了。

<script type="text/javascript">
  var num1 = 10-5;//计算小明剩下多少钱
  var num2 = num1+6;//小红花多少钱买铅笔盒
 document.write("小明还剩:"+num1+"元"+"<br>");
 document.write("小红花:"+num2+"元买个铅笔盒");
 </script>

3、+号操作符
操作符是用于在JavaScript中指定一定动作的符号。
(1)操作符

sun = numa + numb;

其中“=”和“+”都是操作符。

算数操作符(+、-、*、/等)

比较操作符(<、>、>=、<=等)

逻辑操作符(&&、||、!)。
注意:“=”操作符是赋值,不是等于。
(2)“+”操作符
在JavaScript中,“+”不只是代表加法,还可以连接两个字符串。

mystring = "Java" + "Script";//mystring的值"JavaScript"这个字符串

4、自加一,自减一 ( ++和- -)
算术操作符除了(+、-、*、/)外,还有两个非常常用的操作符,自加一“++”;自减一“--”。首先来看一个例子:

mynum = 10;
mynum++; //mynum的值变为11
mynum--; //mynum的值又变回10

上面的例子中,mynum++使mynum值在原基础上增加1,mynum--使mynum在原基础上减去1,其实也可以写成:

mynum = mynum + 1;//等同于mynum++
 mynum = mynum - 1;//等同于mynum--

5、比较操作符
我们先来做道数学题,数学考试成绩中,小明考了90分,小红考了95分,问谁考的分数高?
答: 因为“95 > 90”,所以小红考试成绩高。
其中大于号">" 就是比较操作符,小红考试成绩和小明考试成绩就是操作数,并且是两个操作数。
也就是说两个操作数通过比较操作符进行比较,得到值为真(true)和假(false)。
操作符的含义:
< 小于
> 大于
<= 小于或等于
>= 大于或等于
== 等于
!= 不等于

var a = 5;//定义a变量,赋值为5
 var b = 9; //定义b变量,赋值为9
 document.write (a<b); //a小于b的值吗? 结果是真(true)
 document.write (a>=b); //a大于或等于b的值吗? 结果是假(false)
 document.write (a!=b); //a不等于b的值吗? 结果是真(true)
 document.write (a==b); //a等于b的值吗? 结果是假(false)

 相等操作符==并不表示严格相等。例如:比较false与一个空字符串会得到什么结果?

var a = false;
 var b = "";
 if(a == b){
  alert("a equals b");
 }
 //这个条件语句的求值结果是true。因为相等操作符==认为空字符串于false的含义相同。要进行严格比较,就要使用另一种等号(===)。这个全等操作符会执行严格的比较,不仅比较值,而且会比较变量的类型:
 var a = false;
 var b = "";
 if (a === b){
  alert("a equals b");
 }

这次,条件表达的求值结果就是false了。因为即使认为false与空字符串具有相同的含义,但Boolean和String可不是一种类型。

对于不等操作符!=也是如此。如果想比较严格的不相等就要使用!==。

6、逻辑与操作符
数学里"a>b",JavaScript里还表示"a>b";数学中的"b大于a,b小于c"是"a<b<c",JavaScript中用&&表示。
b>a && b<c //"&&"是并且的意思,读法“b大于a”并且“b小于c”
好比我们参加高考时,在进入考场前,必须出示准考证和身份证,两者缺一不可,否则不能参加考试,表示如下:

if(有准考证 &&有身份证) 
 {
 进行考场考试
 }

“&&”是逻辑与操作符,只有“&&”两边值同时满足(同时为真),整个表达式值才为真。
逻辑与操作符值表:

整理Javascript基础语法学习笔记

注意: 如果A为假,A && B为假,不会在执行B; 反之,如果A为真,要由 B 的值来决定 A && B 的值。

7、我或你都可以 (逻辑或操作符)
"||"逻辑或操作符,相当于生活中的“或者”,当两个条件中有任一个条件满足,“逻辑或”的运算结果就为“真”
逻辑或操作符值表:

 整理Javascript基础语法学习笔记

注意: 如果A为真,A || B为真,不会在执行B; 反之,如果A为假,要由 B 的值来决定 A || B 的值

<script type="text/javascript">
 var numa,numb,jq1;
 numa=50;
 numb=55;
 jq1= numa>numb||numa==numb;
 document.write("jq1的值是:"+jq1+"<br>")
</script>

8、是非颠倒(逻辑非操作符)
"!"是逻辑非操作符,也就是"不是"的意思,非真即假,非假即真。
逻辑非操作符值表:

整理Javascript基础语法学习笔记

例:

var a=3;
var b=5;
var c;
c=!(b>a); // b>a值是true,! (b>a)值是false
c=!(b<a); // b<a值是false, ! (b<a)值是true
<script type="text/javascript">
  var numa,numb,jq1;
  numa=60;
  numb=70;
  jq1=!(numa<numb);
  document.write("jq1的值是:"+jq1+"<br>")//输出值jq1的值是:false
</script>

保持先后顺序(操作符优先级)
例一:

var numa=3;

 var numb=6
jq= numa + 30 / 2 - numb * 3; // 结果为0

例二:

var numa=3;
var numb=6
jq= ((numa + 30) / (2 - numb)) * 3; //结果是-24.75

操作符之间的优先级(高到低):
算术操作符 → 比较操作符 → 逻辑操作符 → "="赋值符号
如果同级的运算是按从左到右次序进行,多层括号由里向外。

var numa=3;
 var numb=6;
 jq= numa + 30 >10 && numb * 3<2; //结果为false

 <script type="text/javascript">
  var numa,numb,jq1;
  numa=5;
  numb=2;
  jq1=numa + 30 >10 && numb * 3<20;
  jq2=((numa + 30) / (7-numb)) * 3

  document.write("jq1的值是:"+jq1+"<br>");//jq1的值是:true
 document.write("jq2的值是:"+jq2);//jq2的值是:21
</script>

<script type="text/javascript">
  var a,b,sum;
  var a = 5;
  var b = 100%7; 
  sum = a > b && a*b > 0 ;
  document.write( "我认为 a 的值是:" + 5 + " b的值是:" + 2 + "sum 的值是:" + true+"<br/>");
  document.write( "答案是,第一轮计算后,a 为:"+ a +";b为:"+b +";第一次计算sum为:"+ sum +"<br/>");
 
  sum = ( (++a) + 3 ) / (2 - (--b) ) * 3; 
  document.write( "再一次计算后,我认为 a 的值是:" + 6 + " b的值是:" + 1 + "sum 的值是:" + 27 +"<br/>"); 
  document.write( "答案是,第二轮计算后,a 为:" + a + ";b为:" + b +";第二次计算sum为:"+ sum +",sum的类型也发生变化了。");
</script>

 以上就是关于Javascript基础语法的全部内容,希望对大家的学习有所帮助。

Javascript 相关文章推荐
prototype 的说明 js类
Sep 07 Javascript
jquery中each遍历对象和数组示例
Aug 05 Javascript
jQuery实现的仿select功能代码
Aug 19 Javascript
javascript结合Flexbox简单实现滑动拼图游戏
Feb 18 Javascript
js控件Kindeditor实现图片自动上传功能
Jul 20 Javascript
基于jQuery实现弹出可关闭遮罩提示框实例代码
Jul 18 Javascript
微信小程序获取微信运动步数的实例代码
Jul 20 Javascript
JS实现的倒计时恢复按钮点击功能【可用于协议阅读倒计时】
Apr 19 Javascript
node.js自动上传ftp的脚本分享
Jun 16 Javascript
JS实现图片上传多次上传同一张不生效的处理方法
Aug 06 Javascript
vue.js iview打包上线后字体图标不显示解决办法
Jan 20 Javascript
JavaScript仿京东秒杀倒计时
Mar 17 Javascript
Jquery操作Ajax方法小结
Nov 29 #Javascript
jquery+php实现滚动的数字特效
Nov 29 #Javascript
MVC Ajax Helper或Jquery异步加载部分视图
Nov 29 #Javascript
Javascript闭包实例详解
Nov 29 #Javascript
jQuery实现图片上传和裁剪插件Croppie
Nov 29 #Javascript
javascript高级编程之函数表达式 递归和闭包函数
Nov 29 #Javascript
javascript实现拖动元素交换位置
Nov 29 #Javascript
You might like
如何在PHP中使用Oracle数据库(1)
2006/10/09 PHP
PHP 选项及相关信息函数库
2006/12/04 PHP
使用php来实现网络服务
2009/09/15 PHP
收集的网上用的ajax之chat.js文件
2007/04/08 Javascript
jquery插件 cluetip 关键词注释
2010/01/12 Javascript
js获取图片大小的函数代码
2011/09/20 Javascript
使用jquery清空、复位整个输入域
2015/04/02 Javascript
js实现移动端微信页面禁止字体放大
2017/02/16 Javascript
JS正则表达式判断有效数实例代码
2017/03/13 Javascript
vue2.0中goods选购栏滚动算法的实现代码
2017/05/17 Javascript
详解从新建vue项目到引入组件Element的方法
2017/08/29 Javascript
vue的mixins属性详解
2018/03/14 Javascript
详解webpack运行Babel教程
2018/06/13 Javascript
JavaScript中this关键字用法实例分析
2018/08/24 Javascript
vue服务端渲染页面缓存和组件缓存的实例详解
2018/09/18 Javascript
微信小程序ibeacon三点定位详解
2018/10/31 Javascript
JavaScript编码小技巧分享
2020/09/17 Javascript
Python内置函数—vars的具体使用方法
2017/12/04 Python
Python统计单词出现的次数
2018/04/04 Python
破解安装Pycharm的方法
2018/10/19 Python
jupyter notebook 中输出pyecharts图实例
2020/04/23 Python
ipad上运行python的方法步骤
2019/10/12 Python
Python FFT合成波形的实例
2019/12/04 Python
Python with标签使用方法解析
2020/01/17 Python
pygame实现飞机大战
2020/03/11 Python
深入浅析pycharm中 Make available to all projects的含义
2020/09/15 Python
CSS3绘制有活力的链接下划线
2016/07/14 HTML / CSS
波兰香水和化妆品购物网站:Notino.pl
2017/11/07 全球购物
加拿大休闲和工业服装和鞋类零售商:L’Équipeur
2018/01/12 全球购物
趣味运动会活动方案
2014/02/12 职场文书
个人借款协议书范本
2014/11/17 职场文书
2015年工商所工作总结
2015/05/21 职场文书
狼牙山五壮士观后感
2015/06/09 职场文书
jquery插件实现图片悬浮
2021/04/16 jQuery
Redis 操作多个数据库的配置的方法实现
2022/03/23 Redis
Python可变与不可变数据和深拷贝与浅拷贝
2022/04/06 Python