JavaScript干货

JavaScript web 开发人员必须学习的 3 门语言中的一门:
1.HTML 定义了网页的内容
2.CSS 描述了网页的布局
3.JavaScript 网页的行为
JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。
——————————————————————————————————————————————————
1.JavaScript的上手非常方便,只要电脑安装了浏览器,就可以用来实验了。只要打开Chrome浏览器的“开发者工  具”(Developer Tools),就可以在它的“控制台”(console)运行JavaScript代码。


     进入“控制台”,有两种方法。


快捷键。在Chrome浏览器中,直接按Option + Command + J(Mac)或者Ctrl + Shift + J(Windows/Linux)。


2.JavaScript程序的执行单位为行(line),也就是一行一行地执行。


3.语句以分号结尾,一个分号就表示一个语句结束。多个语句可以写在一行内。


4.DOM是JavaScript操作网页的接口






——————————————————————————————————————————————————————
菜鸟教程笔记
——————————————————————————————————————————————————————
1.将会学习到什么;
a.JavaScript:直接写入 HTML 输出流
b.JavaScript:对事件的反应
c.JavaScript:改变 HTML 内容
d.JavaScript:改变 HTML 图像
e.JavaScript:改变 HTML 样式
e.JavaScript:验证输入


2.在html中脚本必须要放在<script>与</script>的标签之间
  而脚本可以放置在HTML页面<body>和<head>部分中。
  <script> 和 </script> 会告诉 JavaScript 在何处开始和结束。
  <script> 和 </script> 之间的代码行包含了 JavaScript:


3.javascript显示数据
  (1)可以使用window.alert()弹出警告框
   (2)使用document.write()方法将内容写到html文档中
   (3)使用innerHTML写入到HTML元素
   (4)使用console.log()写入到浏览器的控制台


4.JSON 是用于存储和传输数据的格式
       通常用于服务端向网页传递数据


  JSON是一种轻量级的数据交换格式,是独立的语言,易于理解。
      它的格式下语法上与创建JavaScript对象的代码是相同的。所以使用JavaScript程序可以很容易的
    将JSON的数据转换为javascript对象
5.JS函数的定义


6.div的话,就是通过
  div的嵌套使用来完成整个网页的布局,你可以将div理解成一个一个的块,然后在div块中写入P等等标签,然后再通过CSS来  修饰就行了,如高度,宽度,背景


7.变量提升
  JavaScript引擎的工作方式是,先解析代码,获取所有被生命的变量,然后在一行一行的运行,所有的变量声明语句都会提升到代码的头部。


8.标识符
  可以是任意Unicode字母,中文是合法的标识符,可以用作变量名。


9.注释:
  一种是单行注释,用//起头;另一种是多行注释,放在/* 和 */之间。
  第二种最好是用早,函数定义中做解释说明用。
  
10.区块
  JavaScript使用大括号,将多个相关的语句组合在一起,称为“区块”(block)
  区块中的变量与区块外的变量,属于同一个作用域。


11.if判断语句
不要混淆“赋值表达式”(=)与“严格相等运算符”(===)或“相等运算符”(==)。因为,“赋值表达式”不具    有比较作用。


12.break语句和continue语句
   break语句用于跳出代码块或循环:
var i = 0;


while(i < 100) {
  console.log('i当前为:' + i);
  i++;
  if (i === 10) break;
}
上面代码只会执行10次循环,一旦i等于10,就会跳出循环




continue语句用于立即终止本轮循环,返回循环结构的头部,开始下一轮循环。


var i = 0;


while (i < 100){
  i++;
  if (i%2 === 0) continue;
  console.log('i当前为:' + i);
}
上面代码只有在i为奇数时,才会输出i的值。如果i为偶数,则直接进入下一轮循环。


如果存在多重循环,不带参数的break语句和continue语句都只针对最内层循环


13.标签(label)
语句的前面有标签(label),相当于定位符,用于跳转到程序的任意位置
标签可以是任意的标识符,但是不能是保留字,语句部分可以是任意语句。


标签通常与break语句和continue语句配合使用,跳出特定的循环。
top:
  for (var i = 0; i < 3; i++){
   for (var j = 0; j < 3; j++){
      if (i === 1 && j === 1) break top;
     console.log('i=' + i + ', j=' + j);
   }
  }
二:数据类型
1.JavaScript的数据类型,共有六种。(ES6又新增了第七种Symbol类型的值
数值(number):整数和小数(比如1和3.14)
字符串(string):字符组成的文本(比如”Hello World”)
布尔值(boolean):true(真)和false(假)两个特定值
undefined:表示“未定义”或不存在,即此处目前没有任何值
null:表示空缺,即此处应该有一个值,但目前为空
对象(object):各种值组成的集合
通常将数值,字符串,布尔值称为原始类型。他们是最基本的数据类型
对象称为合成类型(complex type)的值,因为一个对象往往是多个原始类型的值的合成,可以看作是一个存放各种 值的容器。至于undefined和null,一般将它们看成两个特殊值。


2.typeof运算符
JavaScript有三种方法,可以确定一个值到底是什么类型。


typeof运算符
instanceof运算符
Object.prototype.toString方法




对于null和undefined,可以大致可以像下面这样理解。


null表示空值,即该处的值现在为空。比如,调用函数时,不需要传入某个参数,这时就可以传入null。


undefined表示“未定义”,下面是返回undefined的典型场景。


// 变量声明了,但没有赋值
var i;
i // undefined


// 调用函数时,应该提供的参数没有提供,该参数等于undefined
function f(x) {
  return x;
}
f() // undefined


// 对象没有赋值的属性
var  o = new Object();
o.p // undefined


// 函数没有返回值时,默认返回undefined
function f() {}
f() // undefined




三.数值
1.在JavaScript语言的底层,根本没有整数,所有数字都是小数(64位浮点数)。
由于浮点数不是精确的值,所以涉及小数的比较和运算要特别小心。


2.正零和负零
在JavaScript内部,实际上存在2个0:一个是+0,一个是-0。它们是等价的。
几乎所有场合,正零和负零都会被当作正常的0。
唯一有区别的场合是,+0或-0当作分母,返回的值是不相等的。


(1 / +0) === (1 / -0) // false  是因为除以正零得到+Infinity,除以负零得到-Infinity,这两者是不相等的


3.NaN
NaN是JavaScript的特殊值,表示“非数字”(Not a Number),主要出现在将字符串解析成数字出错的场合。
NaN不是一种独立的数据类型,而是一种特殊数值,它的数据类型依然属于Number,使用typeof运算符可以看得很清楚
typeof NaN // 'number'
NaN不等于任何值,包括它本身。
NaN在布尔运算时被当作false。
NaN与任何数(包括它自己)的运算,得到的都是NaN。


isNaN方法可以用来判断一个值是否为NaN。
isNaN(NaN) // true
isNaN(123) // false
4.Infinity 
Infinity表示“无穷”,用来表示两种场景。一种是一个正的数值太大,或一个负的数值太小,无法表示;另一种是非0数值除以0,得到Infinity。

5.parseInt()
parseInt方法用于将字符串转为整数
parseFloat()
parseFloat方法用于将一个字符串转为浮点数。。


四.对象
1.简单说,所谓对象,就是一种无序的数据集合,由若干个“键值对”(key-value)构成。


var o = {
  p: 'Hello World'
};
上面代码中,大括号就定义了一个对象,它被赋值给变量o。这个对象内部包含一个键值对(又称为“成员”),p是“键名”(成员的名称),字符串Hello World是“键值”(成员的值)。键名与键值之间用冒号分隔。如果对象内部包含多个键值对,每个键值对之间用逗号分隔。


2.对象的生成方法,通常有三种方法。除了像上面那样直接使用大括号生成({}),还可以用new命令生成一个Object对象的实例,或者使用Object.create方法生成。


var o1 = {};
var o2 = new Object();
var o3 = Object.create(null);


为了避免这种歧义,JavaScript规定,如果行首是大括号,一律解释为语句(即代码块)。如果要解释为表达式(即对象),必须在大括号前加上圆括号。


({ foo: 123})


3.函数
  function命令声明的代码区块,就是一个函数。function命令后面是函数名,函数名后面是一对圆括号,里面是传入函数的参数。函数体放在大括号里面。


function print(s) {
  console.log(s);
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值