JavaScript初学

JavaScript初学

1. javascript
   是互联网上最流行的脚本语言，可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。
2. JavaScript是脚本语言
   可插入HTML页面的编程代码
3. JavaScript的输出语句

<script>
		//输出语句
			//弹出警示
			window.alert("hello")
			//输出内容到html中
			document.write("今天周二")
			//写入浏览器的控制台
			console.log(zhouer)
			//写入元素中去
			document.getElementById("bbx").innerHTML='天气很好'
</script>

4.JavaScript的注释
//注释
//单行注释
/*
多行注释
多行注释
/
/*
* 文本注释
*/

5.JavaScript的变量
x=8 y=3 z=x+y
在代数中，我们经常用字母X、Y来保存值。 通过z=x+y，我们可以计算出z的值为11. 在JavaScript中，把这些字母称为变量。
a）变量不能是数字
b）变量不能是特殊字符
c）变量必须是字母，下划线、$、开头 变量的使用

<script type="text/javascript">
		// 变量使用var关键字   var （变量的名字）
		var a
		// 赋值
		a = 10
		// 使用
		console.log(a)
		document.write(a)
		// 在定义的时候赋值
		var b = '定义变量'
		console.log(b)
		alert(b)
		
		var a1
		var _foo
		var $bar
		var operatingSystem
	</script>

6.数据类型
值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol。

<script>
		// number
		var a = 100
		var b = 78.8
		var c = 123e5
		console.log(a, b, c)
		// 检测数据类型 typeof
		console.log(typeof(a))
		console.log(typeof b)
		console.log(typeof(c))
		
		// string
		var e = 'hello world'
		var f = "hello world"
		console.log(e,f)
		console.log(typeof e)
		console.log(typeof f)
		
		// boolean true:真  false:假
		var g = true
		var l = false
		console.log(g,l)
		console.log(typeof g,typeof l)
		
		var x = undefined
		console.log(x)
		console.log(typeof x)
		
		var n = null
		console.log(n)
		console.log(typeof n) // object
		
		a = false
		console.log('a的数据类型是'+typeof a)
		
	</script>

7.对象的创建方式一

<script>
	// 对象 Object
	// 1.字面量
	var person = {
		name:'张三',
		age: 18,
		height:180.8,
		weight:65,
		sex: '男',
		drink:function(){  // 方法
			console.log('喝水')
		}
	}
	
	// 使用对象
	console.log(person)
	person.name = '李四'
	// 使用对象中的方法：通过对象.属性[方法]
	// 使用属性
	console.log(person.name,person.age)
	// 使用方法
	person.drink()
		
	</script>

8.对象的创建方式二

<script>
		// 2.new Object()
		// 创建对象
		var student = new Object()
		// 赋值
		student.name = '张三'
		student.age = 28
		student.sex = '女'
		student.height = 177
		student.weight = 50
		student.drink = function() {
			console.log('吃饭')
		}
		console.log(student)
		student.name = '王五'
		console.log(student.name, student.sex)
		student.eat()
	</script>

9.函数的创建方式一

<script>
// 字面量（将匿名函数赋值给变量）
		var foo = function(){
			console.log('这是字面量')
		}
		// 函数的调用
		foo()
	</script>

10.函数的创建方式二

<script>
// 通过function name(){}
		function fot(){
			// 代码
			console.log('fot')
		}
		fot()
	</script>

11.函数的参数

<script>
		// 定义方法，接收参数的叫做形参
		function sum(a,b){
			console.log(a+b)
		}
		// 方法的调用,传入的参数叫做实参
		sum(10,20)
		sum(50,20)
	</script>

12.函数的返回值

<script>
		function sum(a,b){
			// 计算a+b 将a+b的结果赋值给total
			var total = a+b
			// 返回结果
			return total
		}
		// console.log(sum(10,20))
		var n = sum(50,100)
		console.log(n)
	</script>