1.基本的数据类型和数组
function baseDataTypes() {
// 基本的数据类型
var age = 18;
var money = 100.88;
var name = 'jack';
name = 'rose';
var result = false;
var type = null;
var number2 = undefined;
console.log(typeof result);
console.log(age);
// 用 + 将字符串拼接
var newName = name + name;
console.log(newName);
// 数组迭代
var numbers = ['我在奋斗',2,-1,["哈哈"]];
for(var i = 0; i < numbers.length; i++) {
console.log("我是数组中的内容" + numbers[i]);
}
for (let value in numbers) {
console.log(value); // 打印的是下标的值
console.log("数组中的内容",value,numbers[value]);
}
// 在数组中新添加元素
numbers.push('我是新添加的内容');
console.log("我是一个新的数组" + numbers);
// 删除最后一个元素
numbers.pop();
console.log('我删除了数组中最后一个元素' + numbers);
};
2.内置的Math函数库
// js的类库Math
function mathFramework() {
let numberArray = [10,30,50,5];
// 第一种实现的方式
// 取出最大值和最小值
let newMaxNumber = Math.max.apply(this,numberArray);
console.log('我是最大值' + newMaxNumber);
let newMinValue = Math.min.apply(this,numberArray);
console.log('我是最小值' + newMinValue);
// 第二种实现方式
let maxValue = Math.max(10,20,30,90);
console.log('第二种实现方式 最最大值' + maxValue);
let minValue = Math.min(10,20,30,40);
console.log('第二种实现方式 输出最小值' + minValue);
}
3.基本的函数
// common function
// 普通的加法器
function sum(num1,num2) {
return num1 + num2;
}
let sumResult = sum(10,20);
console.log(sumResult);
// 万能的加法器，参数为数组
function sum2(numbers) {
var sum2Result = 0;
for (let i in numbers) {
sum2Result += numbers[i]; // sum2Result 初始值是0
}
return sum2Result;
}
var sum2Re = sum2(['name',1,3]);
console.log("万能的加法器结果" + sum2Re);
// 匿名函数
var res = function () {
console.log("我是一个匿名函数");
}
res();
4.创建对象
// 创建一个对象
var dog = {
name:'dog',
age:10,
dogFriends:['cat','cat1'],
eat:function (something) {
console.log('c吃');
},
run: function () {
console.log('跑');
}
};
console.log(dog.name);
dog.run();
// 批量产生多个对象
// 创建构造函数
var Dog = function () {
this.name = null;
this.age = null;
this.eat = function (something) {
console.log(this.name + '吃' + something);
};
this.run = function () {
console.log(this.name + "跑");
};
};
var Dog1 = new Dog();
Dog1.name = "Dog1";
Dog1.eat('玉米');
var Dog2 = new Dog();
Dog2.name = "Dog2";
Dog2.eat('棍子');
5.内置对象window
<script type="text/javascript">
// 第一大作用
// 1.1 所有的全局变量都是window的属性
// 1.2 所有的全局函数都是Window的方法
var age = 10;
console.log(window.age);
var person = function () {
console.log(this);
}
person();
window.person();
function dynamicLocation () {
// 第二大作用
// 动态跳转
window.location.href = "http://www.baidu.com";
}
</script>
5.内置对象document
<body>
<button> 我是一个测试的按钮</button>
<script type="text/javascript">
// 1.可以动态获取网页中的所有标签
// 2.可以对获取到的标签进行增收改查CRUD
window.onload = function () {
document.write('helloword');
document.write('<input type="file">');
}
// 要操作某个标签，要线获取该标签
var btn = document.getElementsByTagName('button')[0];
btn.onclick = function () {
if(btn.innerText == '隐藏') {
btn.innerText = "显示";
}else {
btn.innerText = "隐藏";
}
};
</script>
</body>
