JS:day01

一、基本类型和引用类型

基本类型:number(数字)、string(字符)、boolean(布尔)、undefined(赋值)、null(空)
引用类型:array(数组)、object(对象)、function(函数)
区别:基本类型只传值。引用类型既传值,也传址。

二、

所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。
全局变量是 window 对象的属性。
全局函数是 window 对象的方法。

三、数据类型的转换

1、自动转换,不需要程序员干预,JS自动完成的类型转换,仅讨论算术计算中的自动转换

A、算术计算中,一切数据都默认转为数字,在计算。
Boolean类型:true=1 false=0

特殊情况:

如果数据无法被转为数字类型会被转为NaN
NaN不等于,不大于,不小于任何值
NaN参与任何算数运算结果永远为NaN
B、在+运算中,碰到字符串,+就变为字符串拼接
另一个不是字符串的数据,被自动转为字符串

<script>
    /*boolean,string*/
    var a=true; //1
    var b=false; //0
//    console.log(b+1)
    var c="hello";
    var d=c+1;
    console.log(typeof d)
</script>
2、强制转换
①、任意类型转换为字符串
<script>
    var a=1;
//    a.toString
//    String(a)
    console.log(typeof String(a))
</script>
②、任意类型转换为数字

首字母必须是数字,只要碰到一个非数字字符就停止,自动跳过开头的空各符。

<script>
    var a=true;
    /*Number()
    * */
    var b="12";
    console.log(Number(a));
    console.log(Number(b));
</script>
③、任意类型转换为Boolean

只有传“ 0,NaN,null,"空格",undefined”为false,其他都为true。

<script>
    /*0,NaN,null,"",undefined*/
    var a="hello";
    console.log(Boolean(a))
</script>
④、数字转换为整数或浮点数(parse)
<script>
    /*将字符串转换为数字
    首字母必须是数字
    * */
    var a="12px343";
    var b=parseInt(a);
    console.log(b);
    var c="12.34px";
    console.log(parseFloat(c));
</script>

四、运算

1、算术运算(+,-,,/,%,++,--)(前加加:先自增,后给值。后加加:先给值,后自增。)
2、赋值运算(=,+=,-=,
=,/=,%=)
3、比较运算(>,<,==,>=,<=,!=)
4、逻辑运算(&&,||,!)或与非

五、mouse鼠标事件

this 是指在事件中,表示执行事件的当前对象。
<script>
    var test=document.getElementById("test");
    test.onmouseover=function(){
        this.style.backgroundColor="pink";
    };
    test.onmouseout=function(){
        this.style.backgroundColor="red";
    }
</script>

六、if else 和switch case

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

推荐阅读更多精彩内容

  • 标签: 我的笔记 ---学习资料:http://javascript.ruanyifeng.com/ 1. 导论 ...
    暗夜的怒吼阅读 792评论 0 1
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,560评论 18 399
  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,204评论 0 4
  • 尽管过了这么多年了,还是很想见见你,每年这个念头都会不分季节的冒上来。 对于小学一年级的同学,脑子里只有模糊的印象...
    刺猬纤森阅读 559评论 0 2
  • 3姓名: 张娟 公司: 路易彬彦 【日精进打卡第89天】 【知~学习】 《六项精进》1遍共122遍 《大学》0遍 ...
    路易彬彥张娟阅读 116评论 0 0