初识JavaScript

目录

1、JavaScript简介

2、JavaScript的使用方式

3、数据类型的转换

4、什么是面向对象？

5、创建对象的几种方式

6、有以下几项需要注意的关键点

---

1、JavaScript简介:

JavaScript 最初由网景公司开发的一种脚本语言，被大量地应用于网页中，用以实现网页和浏览者的动态交互。目前几乎所有的浏览器都可以很好地支持 JavaScript。由于 JavaScript 可以及时响应浏览者的操作，控制页面的行为表现，提高用户体验，因而已经成为前端开发人员必须掌握的语言之一。

JavaScript 是为满足制作动态网页的需要而诞生的一种编程语言，在 HTML 基础上，使用 JavaScript 可以开发交互式（网页）Web。JavaScript 的出现使得网页和用户之间实现了实时、动态和交互的关系。

2、JavaScript的使用方式

（1）行内式（ 直接将js代码写在标签的内部）

（2）内嵌式（将js代码写在script标签中）

（3）外链式（将js代码写在外部独立的文件中）

3、数据类型的转换

（1）其他类型转化成字符串类型

//数字类型转换成字符串  

var num  =10;

var temp = num.toString();

console.log(typeof temp);

console.log(String(num));

//使用 + 实现隐式转换

console.log(num+'');

//布尔类型转换成字符串

var b = true;

var temp =b.toString();

console.log(typeof temp);

（2）其他类型转化成数字类型

//字符型转化为数字型

var age  = prompt('请输入您的年龄');

console.log( typeof age);

age = parseInt(age);

console.log( typeof age);

var p = '20px';

console.log(parseInt(p));

var price =prompt('请输入单价');

console.log( typeof price);

price = parseInt(price);//取整 不会四舍五入

console.log(price);

//小数的转换

price = parseFloat(price);

console.log(price);

//使用 Number(变量名)转换

var p = '120';

p = Number(p);

console.log(p);

console.log( typeof p);

//使用 - * / 实现隐式转换

var num = '10';

num = num -0;

console.log( num);

console.log( typeof num);

（3）其他类型转换为布尔类型

console.log(Boolean('')); //false

console.log(Boolean(0)); //false

console.log(Boolean(NaN));//false

console.log(Boolean(null));//false

console.log(Boolean(undefined));//false

4、什么是面向对象？

现实中的万事万物皆是对象，也就是客观存在的东西，对象是类的具体，类是对象的抽象，例如，人是一个总称，也就是人类，而张三李四王五就是一个具体的人的对像，对象的组成包含了属性和方法。

5、创建对象的几种方式：

（1）通过字面量创建对象

（2）Object

（3）工厂模式 ，但是值得注意的是很难看出数据类型

（4）构造函数模式创建对象

（5）混合模式构造对象

6、有以下几项需要注意的关键点

（1）大部分的引用类型，譬如对象、数组和函数，都可以自由拓展属性。

（2）所有的函数都有一个prototype属性，也被成为显式原型。

（3）所有的引用类型都有一个-proto-属性，也被称为隐式原型。