在JavaScript中，demo是一種用于演示某個功能或方法的示例代碼。它通常被用于展示一個庫或框架的使用方法，也可以用于教學或演示交互效果。demo代碼通常很簡短，并且易于理解和修改。

常見的JavaScript demo包括：

// jQuery demo 
$('button').click(function(){
$('h1').text('Hello, World!');
});
// React demo 
class HelloWorld extends React.Component {
render() {
return (
<h1>Hello, World!</h1>
);
}
}
ReactDOM.render(<HelloWorld />, document.getElementById('root'));
// Three.js demo 
var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera( 75, window.innerWidth/window.innerHeight, 0.1, 1000 );
var renderer = new THREE.WebGLRenderer();
var geometry = new THREE.BoxGeometry( 1, 1, 1 );
var material = new THREE.MeshBasicMaterial( { color: 0x00ff00 } );
var cube = new THREE.Mesh( geometry, material );
scene.add( cube );
camera.position.z = 5;
function animate() {
requestAnimationFrame( animate );
cube.rotation.x += 0.01;
cube.rotation.y += 0.01;
renderer.render( scene, camera );
}
renderer.setSize( window.innerWidth, window.innerHeight );
document.body.appendChild( renderer.domElement );
animate();

在這些demo中，jQuery是一個常用的JavaScript庫，用于簡化DOM操作，實現動態效果；React是一個流行的JavaScript庫，用于構建用戶界面，實現高效的組件化；Three.js是一個強大的JavaScript庫，用于創建3D圖形和動畫效果。

除了常見的JavaScript demo，還有一些專門用于教學的demo，如以下的JavaScript面向對象編程demo：

var Person = function(name, age) {
this.name = name;
this.age = age;
};
Person.prototype.sayName = function() {
console.log(this.name);
};
Person.prototype.sayAge = function() {
console.log(this.age);
};
var alice = new Person('Alice', 30);
alice.sayName();
alice.sayAge();

在這個demo中，我們定義了一個Person類，包含name和age兩個屬性和兩個方法sayName和sayAge。然后我們創建一個alice實例，并調用其方法。通過這個demo，我們可以了解JavaScript中如何實現面向對象編程。

總之，JavaScript demo是一種非常有用的工具，在學習和使用JavaScript時，它可以幫助我們更好地理解功能和方法的使用。通過不斷地閱讀和編寫demo，我們可以不斷提升自己的JavaScript技能。