How to not let an object go beyond the canvas on JavaScript

Question

I have a canvas on html and using JavaScript, I created an object (a square) that can be controlled using WASD keys.

var object = {
    height: 40,
    width: 40,