js入门

最新推荐文章于 2024-03-19 09:56:50 发布
最新推荐文章于 2024-03-19 09:56:50 发布
阅读量504 收藏
点赞数
分类专栏： js 文章标签： javascript 函数 arguments var
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/WenwenFighting1314/article/details/52516245
版权 
内置对象arguments
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>arguments</title>
<script type="text/javascript">
	function add(x,y){
		//alert('期望个数'+add.length);//获取函数期望获得的函数个数
		//alert('实际个数：'+arguments.length);//内置对象arguments 用户获取此函数实际接收的参数个数
		//alert(arguments.callee);//获取函数本身
		
		var sum=0;
		for(var i=0;i<arguments.length;i++){
				sum=sum+arguments[i];
		}
		return sum;
	}
	
	document.write(add(10)+'<br/>');
	document.write(add(10,20)+'<br/>');
	document.write(add(10,20,30)+'<br/>');
	document.write(add(10,20,30,40)+'<br/>');
	document.write(add(10,10,10,10,10)+'<br/>');
</script>
</head>


<body>
</body>
</html>

变量的作用域
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>变量的作用域</title>
<script type="text/javascript">
	//定义在函数之外的变量是全局变量  定义在函数之内的变量是局部变量,都需要使用var修饰
	var a=10;
	function add(){
		var b=40;//局部变量
		alert(a+b);
	}
	//add();//调用函数
	m=35;
	function show(){
		var c=12;
		y=13;
		alert(a+m+y+c);
	}
	//show();
	function show2(){
		var x=12;
		alert(x);
		alert(x+y);//y在该函数中没有定义，语法错误
	}
	show2();
</script>
</head>


<body>
</body>
</html>
变量和数据类型
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>变量和数据类型</title>
<script>
	/*
		数据类型：
			基本数据类型：number string boolean
			特殊数据类型：null undefined	
			复合数据类型：array object
		声明变量：使用var关键字修饰的  var变量名
	*/
	var a;
	/*
		typeof(变量)返回变量值的数据类型的字符串
		在js中字符引用标准格式使用单引号'gjgh'
		js使用换行符结束一行代码，建议加上;	
	*/
	document.write('<br/>'+typeof(a)+'<b/>');//undefined   未声明的变量或未定义的变量
	a=10;//变量的数据类型在赋值时决定
	document.write('<br/>'+typeof(a)+'<b/>');//number
	a='string1';
	document.write('<br/>'+typeof(a)+'<b/>');//string
	a=true;
	document.write('<br/>'+typeof(a)+'<b/>');//boolean
	//在弱类型语言中，变量的数据类型在给它赋值时确定，并且随着赋值的变化而变化的


</script>
</head>


<body>
</body>
</html>
常用的方法
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>常用的方法</title>
<script type="text/javascript">
	//在浏览器控制台上输入
	console.info("hello world");
	console.log("ssss");
	//在页面上输出内容
	document.write("常用方法");
	document.write("<p style=\" color:red;\">您好！！！</p>");
</script>
</head>


<body>
</body>
</html>
函数的定义
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>函数的定义</title>
<script type="text/javascript">
	//函数定义： function   函数名（参数列表）{.....} 参数列表不需要使用var关键字，直接参数名称
	function add(x,y){
		return x+y;	
	}
	function add(x,y,z){
		return x+y+z;
	}
	
	//函数的调用：函数名（参数值列表）;
	var result=add(1,4);
	document.write('<br/>'+result+'<br/>');//NaN:not a number
	document.write('<br/>'+add(1,2,4)+'<br/>');
	//js中函数的调用时根于函数名而来的，与后面的参数无关，如果方法名相同，后面的方法会覆盖前面的方法
	//js中不存在函数重载


</script>
</head>


<body>
</body>
</html>
函数定义2
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>函数定义2</title>
<script type="text/javascript">
	//匿名函数
	var result=function(x,y){
		return x+y;	
	}(2,3);//匿名函数在定义时直接调用
	document.write(result+'<br/>');
	var show=function(x,y){
		return x+y;
	}
	document.write(typeof(show)+'<br/>');//function
	document.write(show(13,14));
</script>
</head>


<body>
</body>
</html>
运算符



<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>运算符</title>
<script type="text/javascript">
	var a=10;
	var b='10';
	document.writeln(a==b+'<br/>');//值相同
	document.writeln(a===b+'<br/>');//值和类型都相同
	function show(){
		for(var i=0;i<10;i++){
			document.write('<br/>'+i);
		}
		document.write('<br/>'+i);
		var i;
		document.write('<br/>'+i);
		i='wen';
		document.write('<br/>'+i);
	}
	//js中没有块作用域，即使重新改变了声明，如果没有重新赋值，则还是会保留原来的值
	show();
	
</script>
</head>


<body>
</body>
</html>

执行顺序
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<!--外部js代码-->
<script type="text/javascript" src="1.js"></script>
<!--内部js代码-->
<script type="text/javascript">
alert("hello yy");//弹出对话框
</script>
</head>


<body>
	hello my world
    <script type="text/javascript">
    	alert("heheda");
    </script>
    <!--事件中嵌套js代码-->
    <button onClick="alert('wenwen...');">wen</button>
</body>
</html>
WenwenFighting1314
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript入门
04-28
javascript 入门教程，第五版入门经典
JavaScript入门学习书籍推荐
10-30
对于许多想学习 JavaScript 的朋友来说，无疑如何选择入门的书籍是他们最头疼的问题，或许也是他们一直畏惧，甚至放弃学习 JavaScript 的理由。
返回两个参数的和
qq_46538844的博客
08-29 53
【代码】返回两个参数的和。
[调用函数]
MuzhiR的博客
04-12 2065
编写一个函数，该函数接受一个整数数组和数组长度作为参数，返回数组中所有元素的平均值。在主函数中调用该函数并输出结果。3.编写一个函数，该函数接受一个整数数组和数组长度作为参数，并返回数组中的最大值。在主函数中调用该函数并输出最大值。1.编写一个函数，该函数接受两个整数作为参数并返回它们的。示例输入： 6 5 9 2 8 1 7 示例输出： 9。注：梳理&整理，用来帮助自己学习。示例输入： 1 2 3 4 5 示例输出： 3.0。示例输入： 5 7 示例输出： 12。在主函数中调用该函数并输出结果。
定义一个函数 传递两个参数 返回两个参数之间的随机整数
小卡酷谋的博客
08-01 1045
function random(start, end) { return parseInt(Math.random() * (end - start + 1)) + start; } random(1, 99);
零基础JavaScript入门（第四天）
程序研博客
02-18 1595
一、JavaScript 数组 1.数组的概念 数组是指一组数据的集合，其中的每个数据被称作元素，在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。 // 普通变量一次只能存储一个值 var num = 10; // 数组一次可以存储多个值 var arr = [1,2,3,4,5]; 2.创建数组 1.数组的创建方式 JS 中创建数组有两种方式： 利用 new 创建数组 利用数组字面量创建数组 2.利用 new 创建数组 var 数....
javascript写一个函数,可以接收计算任意多个数值参数,并且返回所有参数值的和
qq_41512822的博客
01-06 7381
function sum() { var len = arguments.length; var s = 0; for(var i=0; i < len; i++) { if(!isNaN(arguments[i])) { s+=Number(arguments[i]); } } return s; }
JavaScript入门实例源码案例
11-24
JavaScript入门实例源码案例 本文主要围绕JavaScript的基本概念、语法、数据类型、变量生命周期、运算符等方面进行了详细的介绍。 1. JavaScript概念 JavaScript是一门客户端脚本语言，运行在客户端浏览器中的。每...
js入门基础
01-20
看视频自己总结的javascript，纯手工敲打的，希望能挣个积分。个人原创
javascript中如何让一个参数的函数接受两个参数
砖
09-29 1958
最近项目里遇到一个问题，
【JavaScript编程实操10】1.实现一个函数，要求传递2个参数，返回两个参数的和 2.创建一个函数，传递两个参数，返回两个参数的相乘和相加的和
最新发布
qq_45498824的博客
03-19 456
本次继续针对Javascript阶段的函数与对象相关方面的实操练习，共有2个实操，这两个实操具有相似性，只是一个是简化版的，一个是两个函数进行糅合的，但是总体来说，大家要定义一个函数的话，写法是差不多的，主要是要理清其中的逻辑，和你所要完成的功能。这两个实操分别是：1.实现一个函数，要求传递2个参数，返回两个参数的和 2.创建一个函数，传递两个参数，返回两个参数的相乘和相加的和。同时，大家可以在实操的过程中更加深入地理解JavaScript语句的知识。前言 1、实现一个函数，要求传递2个参数，返回两个参数
JavaScript生成x~y随机数的小技巧
weixin_44682587的博客
03-22 272
Math.round(Math.random()*(y-x)+x)
用JavaScript，打印100以内所有偶数的和
yewengao的博客
07-30 1897
<script> varsum=0; for(vari=0;i<=100;i++){ if(i%2==0){ sum+=i; } } console.log(sum); </script> ...
JavaScript函数
qq_54282411的博客
09-27 1217
函数： 就是把一坨重复的代码封装，在需要的时候直接引入调用 函数的作用： 让代码可以重复使用 一、函数的定义 语法： function 函数名(){     函数体(一段重复的代码); } 二、函数的调用 语法： 函数名(); // 函数的定义 function cook() { console.log("切菜"); console.log("放油"); console.log("炒菜"); console.log("放盐
js：有一个函数，输入x，要求输出y的值。
tangerine_的博客
11-12 2109
1.有一个函数，输入x，要求输出y的值。 2.程序 &lt;script&gt;     //有一个函数，输入x，要求输出y的值。     // x&gt;0,y=1     // x=0,y=0     // x&lt;0,y=-1     //方法1     var x,y;     x=0;     if(x&lt;0){         y=-1;     }else if(x&gt;...
java接受两个整数并求和
joker_song的博客
12-19 5127
//1. 写一个函数add，接受两个整数作为参数，返回这两个整数的和. import java.util.Scanner; public class Demo1{ public static void main(String[] args){    int a=shuru(); int b=shuru(); int c=add( a, b); shuchu(c); } pub
js函数求两个数的和
u010234868的专栏
05-30 2733
// 写一个函数，计算两个数的和 function getSum(num1, num2) { a =10; b = 100; console.log (num1 + num2); } var x = 1, y = 10; getSum(x, y); // 11 // 在函数内部修改形参的值，不会影响外部的实参的值，是因为调用函数的时候，是把实参的值复制了一份赋给形参 console.log(x, y); // 1 10 ...
js的function传2个参数，都用el表达式，传输失败
csdnyq的博客
02-13 757
js的function传2个参数，都用el表达式，传输失败 在按钮中添加一个点击事件，点击按钮后执行一个function，传2个值，都是el表达式。 发现一直都不能执行到这个function，而去掉这2个el表达式后，这个function能执行，证明是在function传这2个el表达式有问题。 错误代码 <td align="center"><df:formatDate v...
写一个函数add,接受两个整数作为参数，返回这两个整数的和
weixin_48027580的博客
05-27 9523

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值