JavaScript函数语法:
function functionname()
{
// 执行代码
}
function calculator(a, b)
{
c = a+b;
// alert("a+b=" + c);
return c;
}
console.log(c)
</script>
<input type="submit" value="计算a+b的和" onclick="calculator(3,2)">
运行结果
函数的调用:
1.无返回值的调用
函数名(实参,实参2,...);
2.有返回值的调用
变量名=函数名(实参,实参2,...);
列如:
result=multiple(10,20);
对于有返回值的函数调用,也可以在程序中直接利用其返回值。列document.write(multiple(10,20))
JavaScript对象:
JavaScript中的对象是一种数据类型,可以用来存储和访问多个属性和方法。对象可以通过字面量形式创建,也可以通过构造函数创建。以下是关于JavaScript对象的深入讲解:
1.定义一个类
var person = {
firstName:"毛",
lastName:"主席",
age:83,
eyeColor:"黑色",
getName: function(){
// 注意this对象的使用(指向自身)
// 没有this,直接用属性名控制台会报错
allName = this.firstName + this.lastName;
return allName;
},
cal: function(a,b){
return a+b;
}
};
2.使用定义好的对象的属性和方法
console.log(person.eyeColor) //使用对象的属性
console.log(person.getName()) //使用对象的方法
console.log(person.cal(1,2)) //使用对象的方法
常用类:
js内置类Array
length属性
//1. length属性返回数组的元素个数(数组长度)
var persons=new Array("毛泽东","邓小平","江泽民");
console.log(persons.length); // 3
push方法
//2. push方法用于在数组末端添加一个或多个元素,并返回
// 添加新元素后的数组长度。注意:该方法会改变原数组!
var persons=new Array("毛泽东","邓小平","江泽民");
len = persons.push("胡锦涛");
console.log('新数组为:' + persons +'->长度为:' + len);
pop方法
//3. pop方法用于删除数组最后一个元素,并返回被删除的那个元素。
// 注意:该方法会改变原数组!
var persons=new Array("毛泽东","邓小平","江泽民");
p = persons.pop("胡锦涛");
console.log('新数组为:' + persons +'->被移除的元素为: ' + p);
reverse方法
//4. reverse方法用于颠倒排列数组元素,返回改变后的数组。
// 注意:该方法会改变原数组!
var persons=new Array("毛泽东","邓小平","江泽民");
p = persons.reverse();
console.log(p);
indexOf方法
//5. indexOf方法返回给定元素在数组中第一次出现的位置,若未出现返回-1
var persons = new Array("毛泽东","邓小平","江泽民");
console.log(persons.indexOf("邓小平")); //1
console.log(persons.indexOf("胡锦涛")); //-1
js内置类String
<script>
//1. length属性返回字符串的长度
var s = 'hello';
console.log(s.length) // 5
//2. charAt方法返回指定位置的字符
var s = new String('hello');
console.log(s.charAt(1)); // "e"
console.log(s.charAt(s.length - 1)); // "o"
console.log(s.charAt(10)); // "" 索引超出返回空字符串
//3. concat方法用于顺序连接多个字符串,返回一个新字符串(不改变原字符串)
var s1 = new String('hello');
var s2 = new String(' world');
console.log(s1.concat(s2)); // "hello world"
console.log(s1.concat(s2, ' hi', ' beijing')); // "hello world hi beijing"
//4. indexOf 方法用于确定一个字符串在另一个字符串中第一次出现的位置,
// 返回结果是匹配开始的位置。如果返回-1表示不匹配。
var s = new String('hello world');
console.log(s.indexOf("world")); //6
console.log(s.indexOf("hi")); //-1
//5. split方法按照给定规则分割字符串,返回一个由分割出来的子字符串组成的数组
var s = new String('hello world hi beijing');
console.log(s.split(' ')); // 按照空格分割 ['hello', 'world', 'hi', 'beijing']
</script>
js内置类Math
<script>
// Math是JavaScript内置类,通过其内部的类方法,提供了各种数学功能
//1. abs方法返回参数值的绝对值
console.log(Math.abs(1)) // 1
console.log(Math.abs(-1)) // 1
//2. max和min方法返回参数值的最大值和最小值
console.log(Math.max(1,2,3)) // 3
console.log(Math.min(1,2,3)) // 1
//3. floor和ceil对参数向下取整和向上取整
console.log(Math.floor(3.3)) // 3
console.log(Math.floor(-3.3)) // -4
console.log(Math.ceil(3.3)) // 4
console.log(Math.ceil(-3.3)) // -3
//4. random返回[0,1)之间的一个伪随机数
for (var index = 1; index <=5; index++)
{
console.log(Math.random())
}
// 随机输出任意范围的某个数(直接当成固定函数使用)
function getRandomInRange(min, max)
{
return Math.random() * (max - min) + min;
}
console.log(getRandomInRange(1, 20)); //随机输出1到20的某个数
// 5. 保留小数点指定位数(直接当成固定函数使用)
function truncateDecimalPlaces(num, decimalPlaces)
{
let factor = Math.pow(10, decimalPlaces);
return Math.floor(num * factor) / factor;
}
console.log(truncateDecimalPlaces(3.14159, 2)); // 输出 3.14
</script>
js内置类Date
<script>
// 基于Date类,创建一个对象示例,表示当前日期和时间
const now = new Date();
// 获取年份(四位数的年份,比如2024)
const year = now.getFullYear();
// 获取月份(从0开始,所以0表示1月,11表示12月,需要加1才能得到实际月份)
const month = now.getMonth() + 1;
// 获取日期(月份中的哪一天)
const day = now.getDate();
// 获取小时(24小时制)
const hours = now.getHours();
// 获取分钟
const minutes = now.getMinutes();
// 获取秒
const seconds = now.getSeconds();
// 输出当前未格式化的日期和时间
console.log(`当前日期和时间: ${year}-${month}-${day} ${hours}:${minutes}:${seconds}`);
// 格式化日期和时间字符串
// 如果month小于10,它会在month前面插入一个'0',否则插入一个空字符串''。
// 这样做的目的是确保月份始终是两位数(例如,1月变为01)。
// 同理,${day < 10 ? '0' : ''}${day}确保日期也是两位数。
const formattedDate = `${year}-${month < 10 ? '0' : ''}${month}-${day < 10 ? '0' : ''}${day}`;
const formattedTime = `${hours < 10 ? '0' : ''}${hours}:${minutes < 10 ? '0' : ''}${minutes}:${seconds < 10 ? '0' : ''}${seconds}`;
// 输出当前格式化后的日期和时间
console.log(`当前日期和时间: ${formattedDate} ${formattedTime}`);
</script>
标签:console,log,persons,JavaScript,var,Date,new,Array,Math
From: https://blog.csdn.net/2401_85545586/article/details/143442027