JavaScript基础01

1、JavaScript:

基于对象和事件驱动,运行在浏览器客户端的脚本语言。

js的运行环境基于浏览器的

对象:在程序环境中,任何一个具体的事物都可以称为对象(对象好操作)

事件:在程序中,用户的每一个具体的行为动作都称为事件

2、js的基本组成:

​ 1.语法基础(ECMAScript)

​ 2.DOM :通过js操作网页

​ 3.BOM :浏览器效果

3、js的书写方式:

1.内嵌式:

将js代码嵌入到HTML网页中,通过 在html页面内部设置

​ <script type="text/javascript">

​ </script>

该标签可以放到head标签中或者body标签中。

2.外联式:

​ 新建js文件

​      通过script标签引用到当前页面中 <script type="text/javascript" src="test.js"></script>

​ 注意:1. 不能将代码写到外联式标签中。 2.一个网页中可以同时调用多个外部js文件

3.行内式:

​ 将js代码写到标签内部    <div onclick="js代码"></div>

​ 注意:onclick 是一个点击事件: 当点击div的时候,会触发该事件,执行该事件中的代码

4、js的输出书写方式:

​ alert  在网页中以弹出窗口的形式输出消息

​ console.log  在浏览器控制台中输出消息。调试错误信息。

​ document.write 在网页中输出消息,通过js的方式将内容放到body标签中,还可以输出HTML标签。例如:document.write('<h1>我是一个标题标签</h1>')

​ prompt 通过js的方式接受用户输入的消息(获取消息方式)得到的结果是字符串类型。

​ confirm 通过js的方式获取用户的选中操作(确定  或者  取消)

5、js代码注意事项:

​ 1.在js中是严格区分字母大小写的。

​ 2.如果在网页中要输出汉字或者字母,一定要带引号。

​ 3.一段完整的js代码后面要以  ; 结尾。

​ 4.在程序中凡是遇到特殊符号,必须是英文输入法下的符号。

变量

1、为什么要有变量:

在程序执行过程中,需要将临时数据保存。

2、什么是变量:

变量就是一个容器,用来保存数据的容器。

3、如何使用变量:

​ 1、先定义变量:

​ 方式1. var  自定义变量名;es5中的方式

​ 方式2. let 自定义变量名;es6中的方式

​ 2、给变量赋值:

​ 变量名 = 值;

​ 3、将变量中的值输出:

​ 先执行赋值运算符右侧的代码,然后将右侧的结果赋值给左侧的变量

​ 使用的时候变量不需要带引号

4、变量详解:

1.在定义变量的时候,必须使用 var 或者 let 关键字

2.关于自定义变量名规则注意事项:

​ 变量在定义的时候最好遵守驼峰命名法 /

​ 变量的命名最好具有一定的语义(英文翻译)/

​ 变量的命名不能使用关键字 /

​ 变量的命名不能使用保留字(在当前的js版本中没有特殊含义,但是在其他版本中具有特殊含义)/

​ 变量的命名中间不能出现空格 /

​ 变量的命名不能使用汉字 /

​ 变量的命名不能以数字开头 /

​ 变量的命名不能以特殊符号开头($ 和 _除 外)/

3.给变量赋值注意规则:

​ = 叫赋值运算符,作用就是用来赋值的,不是用来判断相等的。(‘==’  或者 ‘===’ 判断相等)/

​ 在赋值运算符前后加一个空格隔开 /

​ 在赋值过程中,如果出现汉字或者字母必须加引号 /

​ 同一个变量在赋值的时候,只能保存一个值,且是最后一次的赋值结果 /

4.变量在使用(输出)规则:

​ 当使用变量的时候,变量不需要加引号(如果是变量则不用加引号)/

​ 如果带有引号,那么不再表示变量了,引号中是什么就输出什么,不再输出变量中的值了 /

​ var 变量名 = 值;

数据类型

注意:只要有变量,变量就必须有明确的数据类型

一、数据类型介绍:

1.基础数据类型(简单数据类型):

1.1 数字类型(number):

特点:只要变量的值是纯数字且不带引号,这个变量就是数字类型 /

凡是数字都属于该类型【整数,小数,负数】

1.2 字符串类型(string):

特点:只要变量的值带有引号,该变量就是字符串类型 /

注意事项:

一般字符串推荐使用单引号,字符串可以是引号中的任意文本。/

只要有字符串参与数学计算,那么最后的结果都是字符串。/

如果有字符串相加,那么加号不再是数学中的加属性了,此时的加号就是一个简单的链接符号(拼接字符串)

1.3布尔类型(boolean)

特点:只要变量的值是 true 或者 false 中的一个,那么该变量就是布尔类型。

注意事项:true 和 false 就是一个特殊的值 /

true  在程序中表示正确的,条件成立的 /

false  在程序中表示错误的,条件不成立的

1.4 undefined类型(undefined)

特点:如果一个变量没有赋值,该变量的默认是undefined ,如果一个变量的值是undefined,那么该变量的数据类型就是undefined类型。

1.5 null 空对象类型(了解)

特点:null类型被看做空对象指针.只有一个值,即 null 值 / null 空比如一个变量原先有值 可以将变量的值设置为null 代表清空变量容器中的数据  / 作用为了清空对象。

2.复杂数据类型:对象

二、程序中获取数据类型:

通过 typeof(变量)获取当前变量的数据类型

var a = 1; console.log(typeof (a));

三、数据类型转换:

隐式类型转换:程序在计算过程中,转化的数据类型。(程序自己的行为)

强制类型转换(显示类型转换):数据类型的转换是通过程序员的行为实现的。

1.转数字类型:

Number(变量);通过Number( )方法将变量转换为数字类型。

特点:在数据类型转换的过程中,可以将原来的值保留,遇到小数直接保留下来,不会舍去 /

在数据类型转换的过程中,如果遇到非数字的值,则最后的结果为NaN /

NaN (not  a  number)  ----NaN对应的数据类型是数值类型。

parseInt(变量);通过parseInt( )方法将变量转换为数字类型。

特点:只会保留整数部分,通过该方式进行数据类型转换后得到就是一个整数

parseFloat(变量);通过parseFloat( )方法将变量转换为数字类型。

特点:在数据类型转换的过程中,可以将原来的值保留 /

在数据类型转换的过程中,如果遇到非数字的值,则停止转换,直接保留数字部分。

2.转字符串类型:

String(变量);将变量转换为字符串类型。

特点:可以将任何的值转换为字符串类型。

变量.toString( );将变量转换为字符串类型。

特点:只能将支持该方法的值转换为字符串类型。(不支持undefined和null)

3.转布尔类型:

Boolean(变量) ;将变量转换为字符串类型。

注意:当其他数据类型转换为布尔类型后,变量原来的值一定会发生改变,是 true 或者 false 这两个值。

0  |''(空字符串) | null | undefined | NaN  会转换成false  其它都会转换成 true

案例:

<script>

​        var a = prompt('请输入3位数'); 

​        a = Number(a);

​        var bai = parseInt(a / 100);

​        var shi = parseInt(a % 100 / 10);

​        var ge = parseInt(a % 10);

​        console.log('百位是:' + bai + '十位是:' + shi + '个位是:' + ge);

​      (  alert('百位是: ' + bai + '\n' + '十位是: ' + shi + '\n' + '个位是: ' + ge);换行的 )

​    </script>

补充

拼接字符串:  使用 + 将多个值拼接到一块,最少得有一个是字符串

使用 + 将前后的值链接到一块

2.转义字符:

原因:

​        // 1. 单引号或者双引号具有特殊性

​        // 2. 单引号或者双引号都是成对出现的

// 解决:

​        // 1. 可以使用引号的过程中,可以使用单嵌套双,可以双嵌套单

​      转义字符(\在符号的前面)\n            换行 \         斜杠\' 单引号\"         双引号\r         回车符

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

推荐阅读更多精彩内容