2020-01-15-易锦大学03-js基础第一课

js语言特点


image.png

01,js代码可以写在页面上面,也就是写在html页面的代码当中。如下图所示:


image.png

02,js代码也可以写在一个文件当中,然后在html中调用。其次,这个js文件后缀名,不一定非得是XX.js这样的形式。其他形式的后缀名也可以。


image.png

03,js是解释型,而易语言是编译型。易语言编译后生成一个exe文件,软件运行是看不到其中代码的。而js可以看到其中代码。

其次,解释型代码运行顺序是 顺序加载,代码从上往下运行。执行到哪一步报错就停止,而停止之前的代码都正常运行!

04,js是弱类型,而易语言是强类型。
例如易语言中定义一个变量,是文本型,此时,你赋值给它整数型就不行!
而js没这个问题。下面代码可以正常运行,不会报错


image.png

05,区分大小写!!!js区分大小写。
06,忽略多余的换行和空格,js和易语言都如此。
js,分号代表语句的结束。
下面这样的,没问题,不会报错


image.png

07,注释功能。


image.png
image.png

08,不区分整数和小数。跟易语言区别很大!

09,得到的是一个时间戳。js取的是13位的,以毫秒为单位的!
如果想取以秒为单位的,取前10位即可。


image.png

结果如下:


image.png

10,可以通过时间戳得到人类常用的时间格式。但是参数必须是13位的。


image.png

结果如下:


image.png

不过,可以继续优化,转换。


image.png

结果如下:


image.png

其次,还有一个办法得到时间戳。


image.png

结果如下:


image.png

但是以上两个方法还是有区别的,由于js是解释型语言,date.now这个方法
在系统引擎(ie7和ie8引擎)会报错,但是在V8引擎(谷歌浏览器)不会报错。新旧版本的问题。
更详细内容,请看具体视频!

为了稳妥起见,还是用老方法,new date().gettime()那个方法比较好,无论哪个系统都可以运行!


image.png

11,单引号和双引号的区别。
js不区分单引号,还是双引号。
但是有一个请看例外,就是一个字符串有引号。那么必须做到外面是单引号,里面则是双引号。或者外面是双引号,里面是单引号!不能冲突!

12,谷歌浏览器控制台,这里要注意


image.png

会在里面自动加一个双引号!引号会冲突,报错!解决办法就是把外面的双引号改成单引号才行!

(一般,咱们遇不到这个功能需求,如果能遇到,说明研究的很深入了!)
如下图所示即可:


image.png
image.png

13,布尔值,这里是个重点!
这里相当于易语言的逻辑型,而易语言逻辑型只有真和假2个可能。而js不仅仅是这2个,还有其他的。

案例:


image.png

很明显,结果是真!

接着,如果a=“”“” 是一个空字符串呢?
结果是假!

因为,js会自动转换,在js中,以下7中类型值为假!


image.png

NaN---not a number 的缩写!

image.png

14,变量!用var 声明。
定义多个变量


image.png

图中的C就是未定义的,未定义的就是undefined的,就是false

其次,可以重复定义变量,而且两个变量是同样的


image.png

上图中的操作,不会报错!

15,全局变量,和局部变量。
如果用var 定义的变量,那么就是一个局部变量。如果去掉了var,那么就是一个全局变量!


image.png

而且,有时候系统会报错!


image.png

16,系统会自动吧var a 语句提前。所以不会报错!


image.png

17,变量作用域是一个重点!
image.png

由于都是局部变量,所以都会报错!

以下是子程序的格式:


image.png
image.png

18,运算符,这里跟易语言差不太多。

不过,加号似乎跟易语言有一些区别!
如下图:


image.png

加号的作用,将数据类型进行了强制性转换。此时,弹出的值就是时间戳!

如果是一个空对象:


image.png

那么他转换不了,弹出的值就是 NaN

其次,如果是加中括号,如下图,则弹出的值是0


image.png

原理就是利用js的一个弱类型特点,一般在QQ空间都能看到。

接下来,还有一个区别


image.png

系统会弹出一个值是 ,字符串55,而不是10!说明,会优先转到字符串!

还有个应用。


image.png

time=4
自增,自减去。只有在遍历数组的时候会遇到。

image.png

19,位运算符,很少用到。用到的话就错了!
看个案例,在js中, = 永远等于赋值!


image.png

弹出的结果为真,因为= 是复制。如果判断是否相等,请用 ==

20,=== 3个等号? 是恒等。

image.png

结果是真!

如果3个等号。那么就没有反应了!


image.png

不会弹出真!

image.png

21,逻辑运算符是个重点!因为在js中有比较另类的用法!先介绍“或”的用法。

&& 是与,跟易语言中的 且 是同一个意思!
以下看上图。接下来介绍另类用法:


image.png

b的值是多少? 答案是100

image.png

如果改成上图这样,b的值为多少? 答案是100

为什么? 因为有一个特点,这么长,实际上遇真即返回!如果遇到假的,会继续往右边寻找!
那么。如果全部为假呢?那么就会返回最右边的那个!

继续变型:


image.png

b的值是多少?答案: 张三100
因为括号内部会返回一个实际值,而不是真或者假,要注意!然后遇到+。优先转换成了字符串100.然后进行了字符串的拼接。最终变成了张三100

22,接下来介绍 “与”的用法!比或更复杂!


image.png

b的值 是0 。 背后的逻辑是遇假就返回!


image.png

b的值,还是0。遇到假就返回!


image.png

上图中,b的值,还是0
接下来,还有个用法!
image.png

a的值是多少?他会弹出100

如果小改动一下:


image.png

a的值就是0

背后的逻辑是 前面的语句是真,就执行后面的语句。如果前面的语句是假,那么后面的语句就不执行了!
实际上这就是if的简写.

image.png

23,条件运算符。也就是三目运算符。很常用!


image.png

弹出的结果是 真


image.png

上图中弹出的结果就是 假!
这相当于if else的简写!

-----------------------------------------------2020-1-31

小肩膀js+post-第四期--js部分
第五十二课--js扫盲!


image.png

01,学习的重点,js语言核心--ECMAScript。客户端js和浏览器js。
接下,再去学习一下客户端js。学习一下js是如何获取元素的!

第五十三课--第一个js程序


image.png

01,span 和label 没有啥区别!
02,id名称,一般都不会重复的。
看到了一半就不看了,深入研究js混淆啥的,我目前感觉用处不大!

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

推荐阅读更多精彩内容

  • 33、JS中的本地存储 把一些信息存储在当前浏览器指定域下的某一个地方(存储到物理硬盘中)1、不能跨浏览器传输:在...
    萌妹撒阅读 2,067评论 0 2
  • 前言 看大神推荐的书单中入门有这么一本书,所以决定把这本书的精华(自认为很有用的点),或许是我自己现在能用到的点都...
    我没有三颗心脏阅读 2,177评论 0 6
  • feisky云计算、虚拟化与Linux技术笔记posts - 1014, comments - 298, trac...
    不排版阅读 3,813评论 0 5
  • 简介 在我们的日常开发中,绝大多数情况下只要详细阅读类头文件里的注释,组合UIKit框架里的大量控件就能很好的满足...
    zongmumask阅读 13,483评论 9 109
  • 我们都当过孩子,同样的压力与崩溃,多少都有体验。多年后,有了成年人的角度,视之为小事和“矫情”。是的,我们有了更大...
    雅丝颜阅读 127评论 0 0