JavaScript基础

背景:

1995年诞生,后来由LiveScript改名为Javascript

组成:

 核心(ECMAScript)、 浏览器对象模型(BOM) 、文档对象模型(DOM)

特点:

1)轻量级语言;  2)弱语言;  3)脚本语言

书写方式:

1)js代码写在<script></script>标签内部,script标签可放在html文件任何位置,一般放在body最下方

2)写一个js文件,用外部javaScript文件引入

<Script>

        console.log('my first js')

</script>

引入这个js文件

  <script src="demo1.js" ></script>

3)写在事件属性内部:

<a href="#"onclick="alert(''这是一个弹窗")></a>

js常见代码:

页面弹窗代码:alert(“hello world!”) ;

文档打印代码:document.write(“hello world!”);

控制台打印代码:console.log(“hello world!”);

注释(不会被编译):

单行注释: //,(ctrl+/)            多行注释 /* */  (alt+shift+a)

变量定义(使用var 关键字)

var  number = 100;(“以英文的分号结尾”)

变量名的书写遵守原则:(见名知意)

1.有数字、字母、下划线等字符(不能以数字开始)

2.采用驼峰命名法(如“MyFirstJs”)

3.不能使用关键词(占用之前的关键词的引用空间)

4.普通变量首字母小写 常量全大写(const)

常见的关键字有:

JS基础数据类型(值类型):

number(所有数值类型:int、float)

string(用''或""括起来的都是字符串类型)

Boolean类型(ture flase)

null类型(null值)(null派生了undefined)

undefined类型(未定义的,即没有给具体的值)

 object (对象类型,引用数据类型)

类型转换:

number类型转为string类型(toString()方法) :

var str1 = number1.toString()

string转为number有以下方法:

1.Number方法(直接转number类型)

2.使用parseInt方法(转整型)

3.使用parstFloat方法 (转小数)

var str2 = "1a123.12a" ; console.log(parseInt(str2));console.log(parsefloat(str2));

特殊NaN:console.log(Number(str2));

//当你将一个内容转为的数值过程中无法被解析就会出现NaN ,从前到后取值 前面没有数值变成NaN

NaN:不是返回false(not a number )

var a = 10

    console.log(isNaN(a)) //false(false代表isNaN不是NaN,所以返回false)

var str = 'abc'

    console.log(isNaN(Number(str)))//true(ture代表isNaN 是NaN,所以返回true)

无穷大:Infinity; 无穷小-Infinity;

将字符串转为对应的boolean类型:

Boolean 类型的转换规则: 

 String: 非空字符串为true, 空字符串为false

 Number:非0数值和NaN为true, 0或者NaN为false

Object: 对象不为null则为true, null为false

Undefined : undefined为false

将对应的undefined和null转为number:

var un;

    console.log(Number(un)) //NaN;

    console.log(Number(null)) //0;

运算符和表达式:

算术运算、逻辑运算、位运算:

算术运算符 : +,-, , /, %(取余数) 

字符串和变量的拼接: +

关系运算符 : <、>、<=、>=、==、!=, ===(全等 俩个类型和对应的值一模一样 这个俩个是一个东西)

逻辑运算符 : &&  与(且)、||  或、!  (非)

非赋值运算符 :  =、+=、-=、=、/=、%=

自增、自减 : ++a, a++, --a, a--(++a先进行自增再执行代码块,a++先执行代码块再进行++自增)

!!!计算顺序 先算括号里面的 ++或-- 再进行乘除取余 再进行+- 再进行比较运算 再逻辑运费 再进行赋值

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

推荐阅读更多精彩内容