整理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 相关文章推荐
javascript while语句和do while语句的区别分析
Dec 08 Javascript
JavaScript Array Flatten 与递归使用介绍
Oct 30 Javascript
jQuery之自动完成组件的深入解析
Jun 19 Javascript
jQuery动画出现连续触发、滞后反复执行的解决方法
Jan 28 Javascript
jquery插件qrcode在线生成二维码
Apr 26 Javascript
学习JavaScript设计模式之责任链模式
Jan 18 Javascript
jQuery UI结合Ajax创建可定制的Web界面
Jun 22 Javascript
JQuery 封装 Ajax 常用方法(推荐)
May 21 jQuery
详解微信小程序scroll-view横向滚动的实践踩坑及隐藏其滚动条的实现
Mar 14 Javascript
详解vue-router的Import异步加载模块问题的解决方案
May 13 Javascript
JavaScript数组排序的六种常见算法总结
Aug 18 Javascript
js实现类选择器和name属性选择器的示例步骤
Feb 07 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编程最快明白》第八讲:php启发和小结
2010/11/01 PHP
PHP动态创建Web站点的方法
2011/08/14 PHP
$_GET['goods_id']+0 的使用详解
2013/06/06 PHP
PHP文件上传问题汇总(文件大小检测、大文件上传处理)
2015/12/24 PHP
javascript 限制输入和粘贴(IE,firefox测试通过)
2008/11/14 Javascript
Javascript 读书笔记索引贴
2010/01/11 Javascript
JavaScript高级程序设计(第3版)学习笔记9 js函数(下)
2012/10/11 Javascript
JavaScript极简入门教程(一):基础篇
2014/10/25 Javascript
jquery插件推荐浏览器嗅探userAgent
2014/11/09 Javascript
jquery实现的伪分页效果代码
2015/10/29 Javascript
JQuery+EasyUI轻松实现步骤条效果
2016/02/22 Javascript
微信小程序 picker-view 组件详解及简单实例
2017/01/10 Javascript
Javascript ES6中数据类型Symbol的使用详解
2017/05/02 Javascript
用JS实现简单的登录验证功能
2017/07/28 Javascript
以v-model与promise两种方式实现vue弹窗组件
2018/05/21 Javascript
js编写简易的计算器
2020/07/29 Javascript
vue配置多代理服务接口地址操作
2020/09/08 Javascript
[05:02]2014DOTA2 TI中国区预选赛精彩TOPPLAY第三弹
2014/06/25 DOTA
[02:29]大剑、皮鞭、女装,这届DOTA2勇士令状里都有
2020/07/17 DOTA
pytorch 共享参数的示例
2019/08/17 Python
python使用 __init__初始化操作简单示例
2019/09/26 Python
TensorFlow keras卷积神经网络 添加L2正则化方式
2020/05/22 Python
用css3制作纸张效果(外翻卷角)
2013/02/01 HTML / CSS
详解css3中dispaly的Grid布局与Flex布局
2020/09/11 HTML / CSS
项目开发计划书
2014/01/09 职场文书
大学生社会实践方案
2014/05/11 职场文书
室内设计专业自荐信
2014/05/31 职场文书
超市促销活动总结
2014/07/01 职场文书
领导班子三严三实心得体会
2014/10/13 职场文书
党员专题组织生活会发言材料
2014/10/17 职场文书
劳动争议和解协议书范本
2014/11/20 职场文书
2015年校长新年寄语
2014/12/08 职场文书
初中作文评语
2014/12/25 职场文书
2015年药店店长工作总结
2015/04/29 职场文书
python读取pdf格式文档的实现代码
2021/04/01 Python
阿里面试Nacos配置中心交互模型是push还是pull原理解析
2022/07/23 Java/Android