#JavaScript—ECMAScript#JavaWeb学习笔记(2020/2/26)

一、JavaScript与HTML的结合方式:

  • 1.内部JS
    通过script标签
    \color{red}{写的位置会影响执行顺序}
  • 2.外部JS

二、JS的类型

基本类型:

  • number:整数、小数、NaN(不是数字的数字)
  • string:单引号,或者双引号括起来的字符串。
  • boolean:true、false。
  • null:空,作为一个对象占位符
  • undefined:未定义,若为初始化变量,默认是这个。

\color{red}{变量的类型是根据变量的内容决定的,而不是一开始就声明的。}
\color{red}{定义变量的格式}:var 变量名 = 初始值;/ var 变量名;

二、JS的运算符

单目运算符:+/- 正负号:可以把其他类型的数据转为number类型的数据,若不是数字型字符串,就转换为NaN。
true转换为1,false转换为0、null和undefined也会转为NaN。

比较运算符:
=== 全等于:普通的 == 会先转换类型再进行比较,使用 === 的话,类型不同直接返回false。

\color{red}{比较运算符,在两变量类型不同时,会先进行类型转换再比较。字符串会按位依次进行比较。}

逻辑运算符:
&& || !
其他类型会转为boolean:
1. number:0或NaN为假,其他为真
2. string:除了空字符串(""),其他都是true
3. null&undefined:都是false
4. 对象:所有对象都为true

JS的switch语句与Java的switch语句的不同之处:
1.Java的switch语句能接受的变量类型有:byte short int char,枚举(JDK 1.5+),String(JDK 1.7+)
2.JS中的switch语句能接受所有变量类型。

三、JS的对象

Function对象:

创建:

                        function 方法名称(形式参数列表){
                            方法体
                        }

                    
                       var 方法名 = function(形式参数列表){
                            方法体
                       }

1.形参不用写类型,返回值也不用写,因为反正都是var。
2.方法同名后面写的会覆盖前面写的,因为他是一个对象。
3.方法对象的length属性:代表形参的个数。
4.方法的调用只与方法名有关,与给与形参的个数无关,
例如,方法需要两个参数,但我括号内只写一个,则第二个参数就为undefined。
如果需要两个参数,我写了3个参数,那么多出来的参数会被内置对象argument接收,argument是一个长度可变的数组。

Array对象:

创建

                    1. var arr = new Array(元素列表);
                    2. var arr = new Array(默认长度);
                    3. var arr = [元素列表];

1.数组长度是可以变化的,也没有越界异常,访问长度之外的下标会让数组变长。
2.数据的类型是可变的,一个数组中能有多种类型的数据。
3.length属性代表了数组长度。

方法:
join(参数)方法:参数指定分隔方式,把数组所有元素转化为字符串输出,默认是逗号分隔。
push方法:向数组尾部添加一个元素,并返回新长度。

Date对象:

创建

 var date = new Date();

方法
toLocaleString():返回当前date对象对应的时间本地字符串格式
getTime():获取毫秒值。返回当前如期对象描述的时间到1970年1月1日零点的毫秒值差

Math对象:

特点:Math对象不用创建,直接使用。 

1.直接使用Math.方法名就可以调用。(比较像Java里面调用静态方法)

方法:
1.Math.random()方法,返回一个0~1直接的数,含头不含尾-->[0,1)
2.Math.ceil(参数)方法,向上取整
3.Math.floor(参数)方法,向下取整
4.Math.round(参数)方法,四舍五入

RegExp正则表达式对象:用于进行数据校验是否合乎规范

创建:

            1. var reg = new RegExp("正则表达式");
            2. var reg = /正则表达式/;    //一般用这种

方法:test(参数),检查参数是否符合设置正则表达式

Global对象(全局对象),直接写方法名即可,不需要对象

 encodeURI():url编码
 decodeURI():url解码

encodeURIComponent():url编码,编码的字符更多
decodeURIComponent():url解码

parseInt():将字符串转为数字
   逐一判断每一个字符是否是数字,直到不是数字为止,将前边数字部分转为number
isNaN():判断一个值是否是NaN
   NaN六亲不认,连自己都不认。NaN参与的==比较全部问false

eval():将 JavaScript 字符串,并把它作为脚本代码来执行。
例如:var a = "alert(123)";
            eval(a);
结果会执行alert(123),弹出警告窗口。

四、URL编码

汉字在UTF-8中占3个字节,在GBK中占两个字节
使用encodeURI、encodeURIComponent方法可以把输入的URL地址编码。
编码会把每个字符对应的二进制编码转换为十六进制编码并用%分隔。
例如:

        var en_url = encodeURI("你好啊");
        document.write(en_url+"<br>");

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

推荐阅读更多精彩内容

  • JavaScript语言精粹 前言 约定:=> 表示参考相关文章或书籍; JS是JavaScript的缩写。 本书...
    微笑的AK47阅读 578评论 0 3
  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,226评论 0 4
  •   引用类型的值(对象)是引用类型的一个实例。   在 ECMAscript 中,引用类型是一种数据结构,用于将数...
    霜天晓阅读 1,045评论 0 1
  • 标签: 我的笔记 ---学习资料:http://javascript.ruanyifeng.com/ 1. 导论 ...
    暗夜的怒吼阅读 804评论 0 1
  • JS基础 页面由三部分组成:html:超文本标记语言,负责页面结构css:层叠样式表,负责页面样式js:轻量级的脚...
    小贤笔记阅读 597评论 0 5